Scrollbar overflow

Door Sander A op 25-01-2012 21:44

3.164 views

Beste Phphulpers,

Ik zou graag wederom gebruik willen maken van jullie assistentie.

Op deze website heb ik een tijdlijn geplaatst waaronder een scrollbar staat.

Echter, wanneer de scrollbar naar rechts wordt geschoven schuift hij buiten beeld en zowel ik als mijn collega komen er niet uit.

We vermoeden dat het in het script.js bestand zit.

De tijdlijn is gemaakt op jquery.

Ik hoor graag van jullie en alvast bedankt voor de moeite,

S.

- Jim -

25-01-2012 22:19

Kijk even of jQuery nog parameters heeft die je kan gebruiken.
Ik denk dat het daarin moet zitten. Misschien dat jQuery de breedte van de browser overneemt.

Nick Dijkstra

25-01-2012 22:23

En als je hier een width in meegeeft?

#slider{
/* Holds the scroll bar */
margin:0px auto;
width:500px;
height:25px;
display:none;
margin-top:-50px;
}

Sander A

25-01-2012 22:28

Beste Nick,

Dit veranderd niet,

Beste Jim,

Ik heb even gekeken maar kan eigenlijk niets vinden dat het probleem op kan lossen, enige suggesties?

Nick Dijkstra

25-01-2012 22:31

Het zit m waarschijnlijk ergens hier in: var tot=$('.event').length;
Want hij kijkt bij var timelineWidth = 320*tot; hoe lang het is, en de scrollbar gaat helemaal door tot er geen tekst meer is.

Sander A

25-01-2012 22:36

Hmm als ik daar een px maat van maak gebeurd er niets

- Jim -

25-01-2012 23:14

Het is handig als je het specifieke deel code beschikbaar maakt.
Dan hoeven we minder te gissen, en echt een oplossing zoeken.

Joakim Broden

25-01-2012 23:40 gewijzigd op 25-01-2012 23:42

Dit is puur javascript en heeft niks met CSS te maken.

De scrollbalk word nu net zo groot als de te scrollem div. Maar de scrollbalk mag eigenlijk niet groter dan het scrollvenster.

Ik denk dat het zo moet:


var screenWidth = $('#timelineLimiter').width();

ipv


var screenWidth = $(document).width();


$('#centered').width(120*tot);
$('#slider').width(screenWidth);

ipv


$('#centered,#slider').width(120*tot);

Reageren

Inloggen om te reageren