Versio

Scrollbar overflow

Overzicht Reageren

Sander A

Sander A

25/01/2012 21:44:03
Quote Anchor link
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.
 
PHP hulp

PHP hulp

25/05/2012 15:26:00
Gesponsorde koppelingen:
 
Nick Dijkstra
Redacteur

Nick Dijkstra

25/01/2012 21:48:16
Quote Anchor link
Maak eens van dit: var screenWidth = $(document).width();
dit: var screenWidth = "644px";
 
Sander A

Sander A

25/01/2012 21:50:27
Quote Anchor link
Beste Nick,

Bedankt voor je reactie. Ik heb het even geprobeerd, maar dan verdwijnt de scrollbalk helemaal helaas.
 
Nick Dijkstra
Redacteur

Nick Dijkstra

25/01/2012 21:52:07
Quote Anchor link
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
Gewijzigd op 25/01/2012 21:53:39 door Nick Dijkstra
 
Sander A

Sander A

25/01/2012 21:53:25
Quote Anchor link
Beste Nick,

Dan worden alle berichten 2 berichten breed onder elkaar geplaatst, dwars door alles heen.
 
Nick Dijkstra
Redacteur

Nick Dijkstra

25/01/2012 21:59:17
Quote Anchor link
Nog één poging,
Maak eens van width:100%; width:644px;

#timelineLimiter{
/* Hides the overflowing timeline */
width:644px;
overflow:hidden;
padding-top:10px;
}
 
Sander A

Sander A

25/01/2012 22:02:57
Quote Anchor link
Beste Nick,

Bedankt voor de moeite die je doet, maar ook helaas is niet de oplossing
 
Nick Dijkstra
Redacteur

Nick Dijkstra

25/01/2012 22:03:33
Quote Anchor link
Helaas, ik durf het je dan niet te zeggen ;)
 
Sander A

Sander A

25/01/2012 22:06:40
Quote Anchor link
Hopelijk weet iemand anders het?
 
- Jim  -

- Jim -

25/01/2012 22:06:54
Quote Anchor link
<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.
Gewijzigd op 25/01/2012 22:10:29 door - Jim -
 
Sander A

Sander A

25/01/2012 22:13:08
Quote Anchor link
Beste Jim,

Bedankt voor je reactie, maar ik zie deze code helemaal nergens? Ik heb al mijn broncodes doorgelopen
 
- Jim  -

- Jim -

25/01/2012 22:19:32
Quote Anchor link
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
Redacteur

Nick Dijkstra

25/01/2012 22:23:21
Quote Anchor link
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

Sander A

25/01/2012 22:28:47
Quote Anchor link
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
Redacteur

Nick Dijkstra

25/01/2012 22:31:30
Quote Anchor link
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

Sander A

25/01/2012 22:36:59
Quote Anchor link
Hmm als ik daar een px maat van maak gebeurd er niets
 
- Jim  -

- Jim -

25/01/2012 23:14:35
Quote Anchor link
Het is handig als je het specifieke deel code beschikbaar maakt.
Dan hoeven we minder te gissen, en echt een oplossing zoeken.
 
Hertog Jan

Hertog Jan

25/01/2012 23:40:09
Quote Anchor link
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:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
var screenWidth = $('#timelineLimiter').width();

ipv
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
var screenWidth = $(document).width();

en
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
$('#centered').width(120*tot);
$('#slider').width(screenWidth);

ipv
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
$('#centered,#slider').width(120*tot);
Gewijzigd op 25/01/2012 23:42:26 door Hertog Jan
 



Overzicht Reageren