`
qingzuochen
  • 浏览: 277697 次
  • 性别: 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;
}
分享到:
评论

相关推荐

    h5下拉刷新上拉加载滚动条位置

    4. **记录离开时的位置**:为了实现返回时的滚动效果,开发者需要记录用户离开页面时滚动条的具体位置。这通常可以通过JavaScript来实现,监听页面的`beforeunload`或`unload`事件,存储滚动位置到本地存储...

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

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

    js控制滚动条的位置

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

    【JavaScript源代码】vant list组件滚动保留滚动条位置.docx

    在某些场景下,比如在页面之间切换时,我们希望用户在返回之前浏览的位置时,列表能够保持原来的滚动条位置,即实现滚动条位置的保留。这通常需要配合Vue的`keep-alive`组件来实现页面的缓存。 首先,`keep-alive`...

    IE滚动条 CSS样式

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

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

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

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

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

    vue自定义浏览器滚动条(兼容大部分浏览器含ie)_vue tree组件 下拉滚动条

    在前端开发中,有时我们需要对浏览器的默认滚动条进行自定义,以提升用户体验或符合页面设计风格。Vue.js,作为一款流行的JavaScript框架,提供了多种方式来实现这一需求。本篇文章将详细探讨如何在Vue项目中自定义...

    兼容IE的滚动条

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

    js 实现 记录滚动条位置

    js 实现 记录滚动条位置! 值得下载看看!资源免费,大家分享!!

    外部滚动条控制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引擎在处理大量...

    获取鼠标在页面上的位置(包括滚动条)

    在网页开发过程中,有时候我们需要获取用户鼠标在页面上的具体位置,特别是当页面存在滚动条时,这将有助于实现某些交互功能,如动态提示、点击反馈等。本文将详细介绍如何通过JavaScript来获取鼠标在页面上的位置,...

    IE兼容IE6,IE7,IE8,IE9,IE10js文件

    "IE兼容IE6,IE7,IE8,IE9,IE10 js文件"的标题和描述提示我们,这个压缩包可能包含了一系列专门用于解决这些版本之间兼容性问题的JavaScript脚本。 JavaScript是一种广泛用于网页和网络应用的编程语言,它的主要功能...

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

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

Global site tag (gtag.js) - Google Analytics