有时候,在网页中点击了页面中的按钮或是刷新了页面后,页面滚动条又 会回到顶部,想看后面的记录就又要拖动滚动条,或者要按翻页键,非常不方便,想在提交页面或者在页面刷新的时候仍然保持滚动条的位置不变,最好的办法就是 在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…