頁面重新整理後保持滾動條的位置不變
該文章轉載自網絡大學營: http://www.xrss.cn/Info/14147.Html
在這個項目裡面有些檢索頁面拉的很長,每次點頁面以下的Button送出後,頁面滾動條又回到頂部,想看下面的記錄很不友善,想在送出頁面或者頁面重新整理後保持滾動條的位置不變,最好的辦法莫過于用JavaScript實作了.在這裡特别感謝"秋天葉落"給予幫助讓我解決了這一難題,具體的實作代碼如下:
1 <script type="text/Javascript">
2 //畫面ScrollBar処理
3 function Trim(strValue)
4 {
5 return strValue.replace(/^/s*|/s*$/g,"");
6 }
7
8 function SetCookie(sName,sValue)
9 {
10 document.cookie = sName + "=" + escape(sValue);
11 }
12
13 function GetCookie(sName)
14 {
15 var aCookie = document.cookie.split(";");
16 for(var i=0; i < aCookie.length; i++)
17 {
18 var aCrumb = aCookie[i].split("=");
19 if(sName == Trim(aCrumb[0]))
20 {
21 return unescape(aCrumb[1]);
22 }
23 }
24
25 return null;
26 }
27
28 function scrollback()
29 {
30 if(GetCookie("scroll")!=null){document.body.scrollTop=GetCookie("scroll")}
31 }
32 </script>然後設定<body id=body οnscrοll=SetCookie("scroll",body.scrollTop); οnlοad="scrollback();">就OK!