Scrollbar position

Det här forumet visas bäst i en modern webbläsare med JavaScript påslaget.

Scrollbar position

joe

Hejsan. Jag har googlat runt nu, för fullt, i ca 25 minuter. Hittar man inte det man letar efter på 25 minuter på google, tycker i alla fall jag att man tjänar på att fråga i stället. Så nu frågar jag er. Finns det något script som kollar hur långt ner man har scrollat med scrollbaren. Jag vill gärna ha värdet i pixlar. Och den ska göra något efter ett visst antal scrollade pixlar!

Tack på förhand / joe

Arood

Jag får en viss känsla av att något sånt här säkert skulle kunna se olika ut i olika webbläsare, men jag skulle gissa på att det är

window.scroll()

eller dylikt man ska leka runt med. (har inte sökt själv dock)

Ifall du använder ett framework som Mootools så finns det funktioner som gör det hela lättare (http://docs.mootools.net/Window/Window-Size.js kan kanske vara något?)

Johan

I javascript finns de inbyggda egenskaperna scrollLeft och scrollTop. Alltså blir syntaxen t.ex:

var x = element.scrollLeft; // gör nånting med den
var y = element.scrollTop; // gör nånting med den också

Om du vill ha ut hur långt man har scrollat.

För att få ut fönstrets scrollpositioner använder man olika metoder i olika webbläsare. Det skulle kunna se ut så här (crossbrowser):

var pagex = window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft;
var pagey = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;

Jag har inte testat den nedre koden, skrev den bara lite snabbt, men den borde fungera.

joe

Tack! Ska kolla lite senare i dag eller kanske i morgon! Ska använda mootools så jag tänkte kolla på det där som arood sa! :)

Johan

Om din hemsida inte är helt fullproppad med effekter och flashgrejor (jag tänker på Swiff) så tycker jag inte du ska satsa på mootools. Basic Javascript och DOM stöds av de flesta webbläsare, och laddar man ner hela mootools för bara en ajax-request och en lightbox är det stor risk att du får ner massa skräp som du aldrig kommer använda. Jag vet att mootools är modulärt men om man spenderar en sekeund eller två att kolla källkoden så ser man.

Jag tycker att man ska lära sig hur man gör utan mootools (fast det är ju vissa för lata för), sedan om man efter det tycker att man tjänar på att använda det så go ahead, fast din sida skulle antagligen ladda snabbare utan en massa wrappers bara för att native objecten ska få finare namn.