html/javascriptでポストバック時にdivスクロール位置を維持する

aspを使わずにポストバックにdivスクロール位置を維持する方法はありますか？これまで私はaspを使ったソリューションしか見つけていませんでした。html/javascriptでポストバック時にdivスクロール位置を維持する

2011-02-08 ostrgard

http://blogs.x2line.com/al/articles/156.aspx

<!doctype html> 
<html> 
<head> 
<title></title> 

<script language="javascript"> 
    // function saves scroll position 
    function fScroll(val) 
    { 
     var hidScroll = document.getElementById('hidScroll'); 
     hidScroll.value = val.scrollTop; 
    } 

    // function moves scroll position to saved value 
    function fScrollMove(what) 
    { 
     var hidScroll = document.getElementById('hidScroll'); 
     document.getElementById(what).scrollTop = hidScroll.value; 
    } 
</script> 
</head> 

<body onload="fScrollMove('div_scroll');" onunload="document.forms(0).submit()";> 

<form> 

<input type="text" id="hidScroll" name="a"><br> 
<div id="div_scroll" onscroll="fScroll(this);" style="overflow:auto;height:100px;width:100px;"> 

    .. VERY LONG TEXT GOES HERE 

</div> 
</form> 
</body> 
</html>

出典

2011-02-08 21:12:07

私は彼の例をlipsumで埋めて設定しようとしましたが、うまくいかないようです。ソースページのコメントはあまりにも有望ではありません。それを試しましたか？ – ostrgard

たぶん、このJavaScriptコードは、あなた今

 function loadScroll() 
     { 
      var m = /[&?]qs\=(\d+)/.exec (document.location); 
      if (m != null) 
       myDiv.scrollTop = parseInt (m[1]); 
     } 

     function saveScroll() 
     { 
      var form = document.getElementById ("myForm"); 
      var sep = (form.action.indexOf ("?") == -1) ? "?" : "&"; 
      form.action += sep + "qs=" + myDiv.scrollTop; 
     }

のために働く、あなたは「アクション」属性に位置を保存するための「送信」イベントを監視することができます

 document.getElementById ("myForm").addEventListener ("submit", saveScroll, false);

あなたのBODYタグに...

<body onload="loadScroll();"> 
    .... 
</body>

私は今、コードをテストすることはできませんが、私はあなたが考えを得ると思います。

出典

2011-12-23 12:16:43

html/javascriptでポストバック時にdivスクロール位置を維持する

答えて

関連する問題