Div weergeven buiten div met overflow: hidden;

Gestart doorMilan18 reacties54 weergaven

19 berichten · pagina 2 van 2

Milan

Lid · Topicstarter

Berichten
8.602
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Robbeing schreef:
Eerdere citaten tonen
Milan schreef:
Welke container div? Die van de verplaatsbare tekst of van de site?
De container div waarin je verplaatsbare elementen staan.

Die div geef je een relatieve positie, en een overflow-hidden. En de rest zoals boven je post vermeld yummie
Nu komt niks meer erbuiten..
0
Berichten
308
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hmmn ok

Vergeet wat ik juist heb gezegd.

Geef gewoon die container div waarin je elementen staan een overflow hidden eigenschap.

Als je de knoppen buiten die container div definieert met een absolute positie; left & right van die knoppen bereken je dan a.d.v. waar je element staat.

Doordat de knoppen buiten de container div staan worden ze niet onderworpen aan de overflow hidden. En zul je ze zien buiten die container div yummie
vb
...
...

Probeer dat eens ?
0
Milan

Lid · Topicstarter

Berichten
8.602
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Zo kan jQuery helaas er niet mee overweg.
0
Berichten
308
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Milan schreef:
Zo kan jQuery helaas er niet mee overweg.
Huh hoe bedoel je ?

Neem nu je element div heeft volgende eigenschappen:
left:100px;top:145px;

Dan bereken je de positie van je knoppen als volgt:

<script type="text/javascript">
var element = $(#element_1),
      x = element.position().left, // is 100
      y = element.position().top, // is 145
      knoppen = $(#knoppen_1)

var left = element.getWidth() + x - 5, // Als je element 300px breedt is wordt dit 395
      top = y + 5 // Dit word dan 150

knoppen.position().left = left;
knoppen.position().right = right;
</script>


Zoiets onvg. Weet niet of de laatste 2 regels werken en of de berekeningen kloppen, typ het ook maar in one2xs. Maar je snapt wel wat ik bedoel yummie
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren