Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You can do it using a cookie based method:</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;script type="text/javascript"&gt; var refreshPeriod = 120; // 120 Seconds function refresh() { document.cookie = 'scrollTop=' + filterScrollTop(); document.cookie = 'scrollLeft=' + filterScrollLeft(); document.location.reload(true); } function getCookie(name) { var start = document.cookie.indexOf(name + "="); var len = start + name.length + 1; if(((!start) &amp;&amp; (name != document.cookie.substring(0, name.length))) || start == -1) return null; var end = document.cookie.indexOf(";", len); if(end == -1) end = document.cookie.length; return unescape(document.cookie.substring(len, end)); } function deleteCookie(name) { document.cookie = name + "=" + ";expires=Thu, 01-Jan-1970 00:00:01 GMT"; } function setupRefresh() { var scrollTop = getCookie("scrollTop"); var scrollLeft = getCookie("scrollLeft"); if (!isNaN(scrollTop)) { document.body.scrollTop = scrollTop; document.documentElement.scrollTop = scrollTop; } if (!isNaN(scrollLeft)) { document.body.scrollLeft = scrollLeft; document.documentElement.scrollLeft = scrollLeft; } deleteCookie("scrollTop"); deleteCookie("scrollLeft"); setTimeout("refresh()", refreshPeriod * 1000); } function filterResults(win, docEl, body) { var result = win ? win : 0; if (docEl &amp;&amp; (!result || (result &gt; docEl))) result = docEl; return body &amp;&amp; (!result || (result &gt; body)) ? body : result; } // Setting the cookie for vertical position function filterScrollTop() { var win = window.pageYOffset ? window.pageYOffset : 0; var docEl = document.documentElement ? document.documentElement.scrollTop : 0; var body = document.body ? document.body.scrollTop : 0; return filterResults(win, docEl, body); } // Setting the cookie for horizontal position function filterScrollLeft() { var win = window.pageXOffset ? window.pageXOffset : 0; var docEl = document.documentElement ? document.documentElement.scrollLeft : 0; var body = document.body ? document.body.scrollLeft : 0; return filterResults(win, docEl, body); } &lt;/script&gt; &lt;/head&gt; &lt;body onload="setupRefresh()"&gt; &lt;!-- content here --&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>or you can do it with a form method:</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;script type="text/javascript"&gt; // Saves scroll position function scroll(value) { var hidScroll = document.getElementById('hidScroll'); hidScroll.value = value.scrollTop; } // Moves scroll position to saved value function scrollMove(el) { var hidScroll = document.getElementById('hidScroll'); document.getElementById(el).scrollTop = hidScroll.value; } &lt;/script&gt; &lt;/head&gt; &lt;body onload="scrollMove('divScroll');" onunload="document.forms(0).submit()";&gt; &lt;form&gt; &lt;input type="text" id="hidScroll" name="a"&gt;&lt;br /&gt; &lt;div id="divScroll" onscroll="scroll(this);" style="overflow:auto;height:100px;width:100px;"&gt; &lt;!-- content here --&gt; &lt;/div&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Just depends on your application's requirements and restrictions.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload