当前位置:  编程技术>WEB前端

页面刷新时记住滚动条的位置jquery代码

    来源: 互联网  发布时间:2014-08-25

    本文导语:  @*点击按钮页面刷新的时候 记住滚动条的位置*@ 代码如下: window.onbeforeunload = function () { var scrollPos; if (typeof window.pageYOffset != 'undefined') { scrollPos = window.pageYOffset; } else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackC...

@*点击按钮页面刷新的时候 记住滚动条的位置*@
代码如下:


window.onbeforeunload = function () {
var scrollPos;
if (typeof window.pageYOffset != 'undefined') {
scrollPos = window.pageYOffset;
}
else if (typeof document.compatMode != 'undefined' &&
document.compatMode != 'BackCompat') {
scrollPos = document.documentElement.scrollTop;
}
else if (typeof document.body != 'undefined') {
scrollPos = document.body.scrollTop;
}
document.cookie = "scrollTop=" + scrollPos; //存储滚动条位置到cookies中
}

window.onload = function () {
if (document.cookie.match(/scrollTop=([^;]+)(;|$)/) != null) {
var arr = document.cookie.match(/scrollTop=([^;]+)(;|$)/); //cookies中不为空,则读取滚动条位置
document.documentElement.scrollTop = parseInt(arr[1]);
document.body.scrollTop = parseInt(arr[1]);
}
}


    
 
 

您可能感兴趣的文章:

  • jquery刷新页面 jquery局部刷新与及全页面刷新
  • 页面刷新问题:所有的页面在打开时无论传递的参数是什么,打开的总是上一次打开页面的内容,必需刷新之后才能看到实际的网页。
  • ?启动jsp页面时,让页面刷新(一次)?
  • 当我修改了一个jsp文件之后刷新页面,为什么页面上的内容没有更新的呢?
  • 请教页面刷新问题。(急!!!)
  • 怎样在页面刷新后保持表单中的文本框、选择框的内容同刷新前一样?
  • 如何以butten或链接实现页面刷新?
  • 页面刷新的问题
  • 如何刷新页面?
  • 有没有办法在JSP中刷新页面?请高手指点。
  • 怎样刷新页面?
  • !!!怎样将jsp页面设置成自动刷新的???
  • 请教一个关于页面刷新的问题?
  • 在javascript中如何刷新页面?在线等待
  • c#.net防止按F5刷新页面重复提交的方法
  • tomcat环境 ,如何实现定时刷新页面?在线
  • 如何防止用户更新页面刷新计数器!
  • 点击IE的后退,怎么样来刷新页面!
  • Chrome页面自动刷新插件 smartF5
  • 为什么刷新页面会将中文变成乱码?
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jQuery animate方法定位页面具体位置(示例)
  • Jquery跳到页面指定位置的方法
  • jQuery aminate方法定位到页面具体位置
  • JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
  • 我用的是jrun,请问怎样实现在jsp页面中,鼠标在某个图标上时,该图标所在位置就换成另一个图标
  • Vb.net保持页面滚动条位置不变的实现代码
  • jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
  • 请问怎样在HTML页面中文本内容指定位置插入另一段文本或HTML标注?怎样实现?
  • 通过javascript库JQuery实现页面跳转功能代码
  • 一JSP网站,统一指定一个errorPage页面,统一处理异常,在指定的errorPage页面中,我想知道具体是哪个页面出错的,即想知道出错页面的具
  • JavaScript实现页面跳转的几种方法(参考代码)
  • 求救!weblogic6.0后台运行正确,前台页面跳转或调用其他页面时出“页面无法显示错误”
  • HTML 5 <base> 标签-规定页面中所有链接的基准 url
  • jquery 父页面查找iframe子页面内容、子页面查找父页面内容
  • HTML <!DOCTYPE> 标签用法详解及如何解决<!DOCTYPE html>未声明时导致页面无效的问题
  • 请问applet怎么能与所在的页面进行通讯 即从页面中取得变量和把返回值返回给页面?
  • 如何在让表单的提交页面出现在框架页面中。
  • 如何能够只打印,页面上的表格,页面上的上一页,下一页,还有按钮不打印
  • 请问怎么样能自动定向到另一个页面并且给那个页面传参数呀?
  • 诸位大瞎:jsp中不能写方法,可能是因为这个页面里的所有语句都在某个方法中。 我想问一下,怎么复用某个页面里的程序呢? 不用 bean,因为程序要显示很多 html,用 include 也不行,因为 页面有传入参数。
  • 在JSP中如何从一个页面转向另一个页面?
  • 为何我使用javascript中location'****.jsp'跳到某一页面,jsp页面不重新编译执行
  • jsp对页面的大小有否限制,我的页面在60多K之后就断掉了!!!
  • 改变一系列页面的页面风格问题
  • 让JSP页面过期, 保证每次JSP页面都是最新的.
  • JSP中如何在一页面执行后导入另一页面?
  • JSP页面如何设置页面的过期?
  • 输入http://localhost:8080显示欢迎页面但无法显示JSP页面
  • jsp页面中如何打印格式报表(不是打印页面内容)?


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3