Op de volgende website:

http://vod.retuts.com/
Login: mrprins
ww: test

Als je ingelogd bent, zie je op de overview.php een 3 tal kolommen. Links de statusupdates, in het midden een beige met vierkantjes, en rechts een met groene vierkantjes. Wat ik nu wil is dat bij het scrollen alleen de meest linkse gaat scrollen, dus de 2 rechtse position: fixed;.

Maar probleem is, als ik de 2 rechtse kolommen op een fixed position zet, vallen bijvoorbeeld op kleinere schermen de onderste 2 of 3 rijen van de vierkantjes weg. De 2 rechter-kolommen bestaan uit 6 rijen vierkantjes (verticaal). Dat kan op een 19 inch scherm gewoon in een keer gezien worden, maar bijvoorbeeld op mijn 15 inch laptop niet. Wat ik dus wil is dat ie eerst de hele pagina doorscrollt, TOT dat die de vierkantjes tot onderaan (6e rij) heeft gehad, en daarna automatisch alleen de linkerkolom laat scrollen.

Weet iemand hoe dat moet?

Bij voorbaat dank!

Ter toevoeging: ik zat zelf te denken: een resolutieprobleempje. Ik laat het script de resolutie van de gebruiker oppakken, en aan de hand daarvan het aantal verticale rijen in de 2 rechtse kolommen uitrekenen, maar ik denk dat het ook moet kunnen zoals ik bovenstaand voorstel.

Hoi Maurice,

Wat je zou kunnen doen is met de jQuery scroll() functie werken, en een lege div onder de rechter kolom doen. Op het moment dat die div zichtbaar is voor de gebruiker (is te checken met jQuery, moet je even Googlen) geef je een class aan die kolom (want dan is hij helemaal zichtbaar). In deze class definieer je position:fixed;

Je moet ook in de gaten houden wanneer die lege div niet meer zichtbaar is, zodat je die class kan verwijderen en je gewoon weer naar boven kan scrollen.

Succes ermee!

Dus jij zegt: een lege div eronder zetten, als die div zichtbaar wordt (uitlezen met jQuery), dan zorgen dat de rechter en middelste kolom position: fixed worden?

Klopt helemaal! En wanneer hij niet meer zichtbaar is (gebruiker scrollt weer naar boven) haal je die position:fixed; weg. Op die manier scroll je dan weer normaal naar boven.