有时候，在网页中点击了页面中的按钮或是刷新了页面后，页面滚动条又 会回到顶部，想看后面的记录就又要拖动滚动条，或者要按翻页键，非常不方便，想在提交页面或者在页面刷新的时候仍然保持滚动条的位置不变，最好的办法就是 在JS中用cookie记录下当前滚动条的位置，然后刷新时读取cookie就可以实现这个功能了。
代码如下：
<script type="text/javascript">
function Trim(strValue)
{
//return strValue.replace(/^s*|s*$/g,"");
return strValue;
}
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 unescape(aCrumb[1]);
}
}
return null;
}
function scrollback()
{
if(GetCookie("scroll")!=null){document.documentElement.scrollTop=GetCookie("scroll")}
}
</script>然后在html页面中设置<body id="body" onscroll="SetCookie("scroll",document.documentElement.scrollTop);" onload="scrollback();">就可以在刷新或提交后滚动条的位置保持不变了。
WordPress日记主要承接WordPress主题定制开发、PSD转WordPress、WordPress仿站以及以WordPress为管理后端的小程序、APP，我们一直秉持“做一个项目，交一个朋友”的理念，希望您是我们下一个朋友。如果您有WordPress主题开发需求，可随时联系QQ：919985494
相关文章
WordPress发布文章publish_post钩子对自定义文章类型不起作用怎么办？
WordPress 的 publish_post 钩子针对的…
WordPress如何添加自定义页面模板？
用过一段时间wordpress的人都会这个WordPress…
WordPress导入数据库出现”Unknown collation: ‘utf8mb4_unicode_ci”之类错误的解决办法
从WordPress4.2版本开始，如果我们在MYSQL5.…
看看是不是这个原因让您的wordpress网站打开很慢
wordpress网站由于插件、加载谷歌字体等原因导致的网站…
WordPress开发中如何在html中包含php
欢迎阅读这篇关于如何在HTML中使用PHP的文章！在这里，我…
如果给WordPress 编辑器添加“下一页”分页按钮
不少朋友总喜欢给长一点的文章进行分页，但是默认情况下，在Wo…
