Question

如何在页面刷新后保留刷新前的滚动条位置

Answer 1

<script language="javascript"> <!-- // 获取当前文件名 function getFileName() { var url = this.location.href; var pos = url.lastIndexOf("/"); if(pos == -1) pos = url.lastIndexOf("\"); var filename = url.substr(pos+1); return filename; } function fnLoad() { with(window.document.body) { addBehavior ("#default#userData"); // 使得body元素可以支持userdate load("scrollState" + getFileName()); // 获 取以前保存在userdate中的状态 if (sFirstEnter=="0") { scrollLeft = getAttribute("scrollLeft"); // 滚 动条左位置 scrollTop = getAttribute("scrollTop"); } } } function fnUnload() { with(window.document.body) { setAttribute("scrollLeft",scrollLeft); setAttribute("scrollTop",scrollTop); save("scrollState" + getFileName()); // 防止受其他文件的userdate数据影响，所以将文件名加上了 // userdate里的数据是不能跨 目录访问的 } } window.onload = fnLoad; window.onunload = fnUnload; // --> </script> 网上说只要具有scroll属性的html控件，都可以用这个方法来实现页面刷新后的滚动条的定位。当然，函数是要做一下改动。 这是在网上看到的另一种用JS保持页面滚动条位置<SCRIPT LANGUAGE="JavaScript"> <!-- function Trim(strValue) { return strValue.replace(/^\s*|\s*$/g,""); } function SetCookie(sName, sValue) { document.cookie = sName + "=" + escape(sValue); } function GetCookie(sName) { var aCookie = document.cookie.split(";"); for (var i=0; i < aCookie.length; i++) { var aCrumb = aCookie[i].split("="); if (sName == Trim(aCrumb[0])) { return (aCrumb[1]); } } return null; } function scrollback() { if (GetCookie("scroll")!=null){document.body.scrollTop=GetCookie("scroll")} } //--> </script>