Barra De Rolagem

[olimpia]

Como fazer para que depois que a pagina é atualizada ela volte na mesma posição que estava?

[Illidan]

Pra dar um scroll na página, utilize o método "window.scroll()". Agora pra pegar a posição atual do scroll pra você utilizar depois nesse método eu não sei como pode ser feito... dá uma procurada na documentação do objeto window. Se tiver como fazer isso, provavelmente estará lá.

[]'s!

[olimpia]

beleza...

Vou ver se consigo alguma coisa

[Illidan]

Achei:

window.pageXOffset e window.pageYOffset

Essas duas propriedades retornam a posição do scroll... se quiser ler mais:

http://research.nihonsoft.org/javascript/jsref/index.htm

O capítulo 6 é o que fala do objeto window...

Falou!

[olimpia]

Tentei fazer assim

alert(window.pageXOffset);

Mas não deu certo...

Como devo fazer

[Illidan]

Realmente, essas propriedades só funcionam no Opera e no Mozilla. No Internet Explorer elas não estão definidas. :/

Mas encontrei uma solução e vou postar aqui:

<script type="text/javascript">

function coordinates() {

    var scrollX, scrollY;

    if (document.all)

    {

        if (!document.documentElement.scrollLeft)

            scrollX = document.body.scrollLeft;

        else

            scrollX = document.documentElement.scrollLeft;

        if (!document.documentElement.scrollTop)

            scrollY = document.body.scrollTop;

        else

            scrollY = document.documentElement.scrollTop;

    }

    else

    {

        scrollX = window.pageXOffset;

        scrollY = window.pageYOffset;

    }

    alert("X: " + scrollX + "\nY: " + scrollY);

}

</script>

<div style="width: 1200px; height: 800px; padding: 400px 600px;">

    <input type="button" onclick="coordinates();" value="coordenadas" />

</div>

[olimpia]

valeu Illidan, deu certo....

Eu estou desenvolvendo em asp.net e quando ocorre um postback na pagina a barra de rolagem volta ao zero

Tem uma opção no visual Studio que a pagina volta na mesma posição, mas so funciona no IE

Neste link tem um componente que funciona tanto no IE como no Mozilla

O script gerado por este componente segue abaixo

<input type="hidden" id="Lili1_OffsetY" name="Lili1_OffsetY" value="0">
<input type="hidden" id="Lili1_OffsetX" name="Lili1_OffsetX" value="0">
<script language="Javascript">
   var ua = navigator.userAgent.toLowerCase();
   var isIE = (ua.indexOf('msie') != -1 && !this.isOpera && (ua.indexOf('webtv') == -1) );
   function Lili1_OnSubmitIE(){
     document.getElementById("Lili1_OffsetY").value = window.event.offsetY - window.event.clientY + 2;
     document.getElementById("Lili1_OffsetX").value = window.event.offsetX - window.event.clientX + 2;
   }
   function Lili1_OnSubmitNS(event){
     document.getElementById("Lili1_OffsetY").value = event.pageY - event.clientY;
     document.getElementById("Lili1_OffsetX").value = event.pageX - event.clientX;
   }
   if (!isIE){
     document.forms[0].addEventListener('submit',Lili1_OnSubmitNS, false);
   }
   else{
     document.forms[0].attachEvent('onsubmit',Lili1_OnSubmitIE);
   }
   function Lili1_OnLoad(){
      window.scrollTo(0,0);
   }
   if (!isIE){
      window.addEventListener('load',Lili1_OnLoad, false);
   }
   else{
      window.attachEvent('onload',Lili1_OnLoad);
   }
</script>

Usando este script, quando a pagina é atulizada a barra de rolagem volta na mesma posição

[Senshi]

aproveitando...

tem como a barra de rolagem no Mozilla ficar colorida que nem no IE??

não sei c já foi debatido isso aki.. mas eu não encontreinada.. ^^

valeu galera!

[Illidan]

Que eu saiba, essas propriedades que alteram as cores da barra de rolagem SÓ funcionam no IE. Não são padrões da W3C...