Scrollbar overflow
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.
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.
Gesponsorde koppelingen:
Maak eens van dit: var screenWidth = $(document).width();
dit: var screenWidth = "644px";
dit: var screenWidth = "644px";
Beste Nick,
Bedankt voor je reactie. Ik heb het even geprobeerd, maar dan verdwijnt de scrollbalk helemaal helaas.
Bedankt voor je reactie. Ik heb het even geprobeerd, maar dan verdwijnt de scrollbalk helemaal helaas.
En als je 644px bij var timelineWidth zet? Want dat zou de breedte moeten zijn van de tijdlijn.
Mmm, dat werkt ook niet zag ik :p
Mmm, dat werkt ook niet zag ik :p
Gewijzigd op 25/01/2012 21:53:39 door Nick Dijkstra
Beste Nick,
Dan worden alle berichten 2 berichten breed onder elkaar geplaatst, dwars door alles heen.
Dan worden alle berichten 2 berichten breed onder elkaar geplaatst, dwars door alles heen.
Nog één poging,
Maak eens van width:100%; width:644px;
#timelineLimiter{
/* Hides the overflowing timeline */
width:644px;
overflow:hidden;
padding-top:10px;
}
Maak eens van width:100%; width:644px;
#timelineLimiter{
/* Hides the overflowing timeline */
width:644px;
overflow:hidden;
padding-top:10px;
}
Beste Nick,
Bedankt voor de moeite die je doet, maar ook helaas is niet de oplossing
Bedankt voor de moeite die je doet, maar ook helaas is niet de oplossing
Helaas, ik durf het je dan niet te zeggen ;)
Hopelijk weet iemand anders het?
<div id="slider" style="width: 1320px; display: block;" jQuery1327525543548="15">
ik denk dat je deze moet aanpassen.
width:1320px is wat veel, misschien dat width:inherit helpt.
EDIT:
Bovenliggend: <div id="timelineScroll" style="width: 3520px; margin-left: -267px;" jQuery1327525543548="49"> misschien ook iets smaller maken.
ik denk dat je deze moet aanpassen.
width:1320px is wat veel, misschien dat width:inherit helpt.
EDIT:
Bovenliggend: <div id="timelineScroll" style="width: 3520px; margin-left: -267px;" jQuery1327525543548="49"> misschien ook iets smaller maken.
Gewijzigd op 25/01/2012 22:10:29 door - Jim -
Beste Jim,
Bedankt voor je reactie, maar ik zie deze code helemaal nergens? Ik heb al mijn broncodes doorgelopen
Bedankt voor je reactie, maar ik zie deze code helemaal nergens? Ik heb al mijn broncodes doorgelopen
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.
Ik denk dat het daarin moet zitten. Misschien dat jQuery de breedte van de browser overneemt.
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;
}
#slider{
/* Holds the scroll bar */
margin:0px auto;
width:500px;
height:25px;
display:none;
margin-top:-50px;
}
Beste Nick,
Dit veranderd niet,
Beste Jim,
Ik heb even gekeken maar kan eigenlijk niets vinden dat het probleem op kan lossen, enige suggesties?
Dit veranderd niet,
Beste Jim,
Ik heb even gekeken maar kan eigenlijk niets vinden dat het probleem op kan lossen, enige suggesties?
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.
Want hij kijkt bij var timelineWidth = 320*tot; hoe lang het is, en de scrollbar gaat helemaal door tot er geen tekst meer is.
Hmm als ik daar een px maat van maak gebeurd er niets
Het is handig als je het specifieke deel code beschikbaar maakt.
Dan hoeven we minder te gissen, en echt een oplossing zoeken.
Dan hoeven we minder te gissen, en echt een oplossing zoeken.
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:
ipv
en
ipv
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:
ipv
en
ipv
Gewijzigd op 25/01/2012 23:42:26 door Hertog Jan



