`
qingzuochen
  • 浏览: 276334 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js控制页面刷新时,滚动条位置不变。兼顾IE5,IE6【转】

阅读更多
原文地址http://hi.baidu.com/huangbuji/blog/item/528247c27965f2130ef477fe.html


页面加载时从cookie获取滚动条位置信息,然后附值给滚动条

function window.onload()
{
var arr;
if(arr=document.cookie.match(/scrollTop=([^;]+)(;|$)/))
document.documentElement.scrollTop=parseInt(arr[1]);
document.body.scrollTop=parseInt(arr[1]);
}

页面刷新前保存滚动条位置信息到cookie

function window.onbeforeunload(){
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;
}
分享到:
评论

相关推荐

    js实现页面刷新滚动条位置不变

    为了在页面刷新后保持滚动条位置不变,通常需要在客户端保存滚动条的当前位置,在页面重新加载后,再将滚动条重新定位到该位置。本文介绍了使用JavaScript来实现这一功能的方法。 首先,我们需要理解当页面刷新时,...

    js控制滚动条的位置

    其中,控制滚动条的位置是一项常用的功能,尤其在创建平滑滚动效果、固定导航栏、或者实现某些特殊布局时尤为重要。本文将深入探讨如何使用JavaScript来精确控制网页的滚动条位置,包括基础语法、应用场景以及一些...

    IE滚动条 CSS样式

    在早期版本的IE(如IE6、IE7)中,由于浏览器的兼容性问题,自定义滚动条样式并不完全支持,而从IE8开始,引入了`-ms-scrollbar`伪元素来允许一定程度的样式调整。然而,这些样式仅限于颜色、宽度和边框,不能像现代...

    JS最简单的滚动新闻,兼容IE6及其他主流浏览器

    总的来说,这个JS滚动新闻的实现展示了如何使用JavaScript和HTML5来创建一个跨浏览器的动态效果,同时考虑了向后兼容性,特别是对于老版本的IE6。对于初学者和有经验的开发者来说,都是一个很好的学习案例,可以帮助...

    JavaScript html js页面刷新之后下拉菜单选中值不变,在按钮提交后保存下拉列表中值不变

    标题中的“JavaScript html js页面刷新之后下拉菜单选中值不变”是指在Web开发中,使用JavaScript处理HTML页面上的下拉菜单(Select元素),确保用户选择的选项在页面刷新或重新加载后仍然保持选中状态。这是一个...

    layui 实现table翻页滚动条位置保持不变的例子

    为了解决这个问题,我们可以自定义一些JavaScript代码来实现滚动条位置的保持不变。 首先,我们需要理解问题的根源。layui table 默认情况下并不会在翻页时保留滚动条的位置。这是因为表格在每一页加载新数据时,...

    兼容IE的滚动条

    在IE中,滚动条的样式默认比较朴素,与页面设计可能不协调。为了改善这一情况,开发者可以利用特定的CSS hack或者JavaScript库来定制滚动条的外观。以下是一些关键的知识点: 1. **CSS Scrollbar Customization**: ...

    外部滚动条控制iframe

    然而,默认情况下,iframe内的滚动行为是独立于主页面的,即其滚动条无法通过外部元素进行直接控制。但在某些场景下,如构建统一的滚动体验、实现特殊的视觉效果或增强用户交互时,我们需要能够从外部控制iframe的...

    Asp.net保持页面滚动条位置(页面提交后不变)

    在ASP.NET开发中,有时候我们需要在用户交互后(如表单提交)保持页面或特定区域(如div)的滚动条位置不变,以提供更好的用户体验。这个问题的解决方案通常涉及到JavaScript和服务器端代码的协同工作。以下是如何在...

    js模拟滚动条

    JavaScript(简称JS)是一种广泛用于网页和网络应用的编程语言,尤其在操作页面动态效果方面具有强大能力。...不过,需要注意的是,过度复杂的滚动条可能会影响页面性能,因此在设计时应兼顾美观和实用性。

    Ext中的Grid控制纵向滚动条单次滚动量

    要控制Grid Panel的滚动条滚动量,我们需要关注两个主要的配置项:`scrollDelta`和`scrollIncrement`。`scrollDelta`用于设置鼠标滚轮滚动时的像素增量,而`scrollIncrement`则是在垂直或水平方向上每次滚动时移动的...

    h5单页面上拉刷新下拉加载

    这一功能同样通过JavaScript实现,通过监听滚动事件并计算滚动位置,当达到预设的阈值时,请求更多数据。CSS可以用于隐藏和展示加载提示,以及平滑过渡新内容的出现。 3. **Tab选项卡**: Tab选项卡是一种常见的...

    IE6、IE7、IE8对css和js支持方面差异的研究

    在探讨IE6、IE7、IE8对CSS和JavaScript支持的差异时,我们可以发现一系列显著的兼容性问题和解析规则的变化。以下是对这些差异的详细分析: 1. **JavaScript性能和垃圾收集**: - 在IE6中,JScript引擎在处理大量...

    html5-页面滚动展示效果-js大屏页面特效

    通过监听滚动事件,可以精确地控制各个元素在页面滚动时的位置变化。例如,可以使用`window.onscroll`事件来检测用户的滚动行为,并根据滚动距离调整元素的位置。同时,JavaScript库如jQuery或更现代的库如React、...

    无缝图片滚动效果,基于IE6,好看使用的

    在这个场景中,我们特别关注的是一个基于IE6实现的无缝图片滚动解决方案,这在现代浏览器广泛使用的情况下,对于仍然需要支持旧版IE浏览器的开发者来说非常有价值。 首先,我们需要理解"jQuery"的角色。jQuery是一...

    js刷新页面方法大全

    在JavaScript中,刷新页面是常见的操作,用于更新用户界面或者重新加载数据。本文将全面探讨JavaScript中的各种刷新页面的方法,并提供实践示例。 1. `location.reload()` 这是最常用的刷新页面的方法,它来自`...

    js 特效 html 特效 去掉页面的滚动条

    js 特效 html 特效 去掉页面的滚动条 js 特效 html 特效 去掉页面的滚动条

    IE6跳转页面

    这个页面通常会在用户使用IE6访问网站时自动显示,引导他们升级浏览器或者跳转到一个可以在IE6中正常运行的备用页面。 在描述中提到,“页面如果是IE6则跳转到这个页面”,这是通过在HTML代码中添加条件注释或...

    表格加滚动条

    5. **API接口**:提供编程接口,方便开发人员在需要时控制滚动条的行为,如手动触发滚动、锁定特定位置等。 6. **性能优化**:为了保证在大数据量下的性能,插件可能采用虚拟滚动技术,只渲染可视区域内的表格内容...

Global site tag (gtag.js) - Google Analytics