quinta-feira, 1 de dezembro de 2011

(Javascript) Pegar máximo tamanho scroll bar

Após alguns minutões tentando fazer uma gambiarra para pegar o tamanho máximo para rolagem da scroll. Consegui


Mas como assim gambiarra? No Firefox tem uma função própria para isto, que se chama window.scrollMaxX e window.scrollMaxY porém é apenas no Firefox (¬¬)


Então após alguns minutos consegui uma função que funciona-se ao menos no Chrome, Opera e talvez no Internet Explorer (não testei lá ainda)




Que qualquer forma. Segue trecho do código:


function getScrollSize()

{

this.maxY = 'scrollMaxY' in window ? window.scrollMaxY : document.getElementsByTagName("body")[0].scrollHeight -


document.getElementsByTagName("body")[0].clientHeight;

this.maxX = 'scrollMaxX' in window ? window.scrollMaxX : document.getElementsByTagName("body")[0].scrollWidth -


document.getElementsByTagName("body")[0].clientWidth;

return true;

}


Então o modo de uso da função é o seguinte:


var scroll = new getScrollSize();


alert(scroll.maxX);

alert(scroll.maxY);


Mas também se pode acessar a classe diretamente


alert(new getScrollSize().maxX);

alert(new getScrollSize().maxY);


É isto galera. Espero que tenham gostado o post.


Ah, eu postei isto, porque estou fazendo a segunda versão do sistema de scroll automático. Então por ventura tive este problema para pegar o máximo do scroll-y e max scroll-x


Abraço


Criado por Bruno da Silva

Nenhum comentário:

Postar um comentário