思想:1.通过div的onscroll事件记录滚动条的scrollTop值,设置到document.cookie
2.页面加载时再读取document.cookie的值,设置给div的scrollTop

js代码实现:

        function KeepScrollBar() {
var scrollPos;
if (typeof window.pageYOffset != 'undefined') {
scrollPos = window.pageYOffset;
}
else if (typeof document.body != 'undefined') {
scrollPos = document.getElementById('divContent').scrollTop;
}
document.cookie = "scrollTop=" + scrollPos; //スクロールバーの位置をcookiesに保存する
} window.onload = function () {
if (document.cookie.match(/scrollTop=([^;]+)(;|$)/) != null) {
var arr = document.cookie.match(/scrollTop=([^;]+)(;|$)/); //cookiesに値があれば、スクロールバーの位置を読み込み
document.getElementById('divContent').scrollTop = parseInt(arr[1]);
}
}

 html代码:

   <div id="divContent" style="margin: 7px 0px; clear: both; overflow: scroll; overflow-x: hidden;
text-align: left; width: 1340px; padding: 0px 10px 0px 0px;" onscroll= "KeepScrollBar()">

  

 

最新文章

  1. 2017微软秋招A题
  2. 今天做项目时,用到了好多关于js的知识点,有的忘记了,然后晚上回来自己整理一番,明天继续整理。哈哈,分享给大家。
  3. 预处理语句--#define、#error和#warning
  4. [转]easyui datagrid 批量编辑和提交
  5. 我的Machine Learning学习之路
  6. C++中对象初始化
  7. android背景选择器selector用法汇总
  8. java动态生成带下拉框的Excel导入模板
  9. C++编程中const和#define的区别
  10. JBPM4入门——4.封装流程管理的工具类(JbpmUtil)
  11. Gen_fsm行为实践与分析
  12. VisualC#数据库高级教程文档分享
  13. mysql 超时设置
  14. 【剑指offer】面试题34:丑数
  15. 分区工具fdisk,gdisk,parted
  16. MVC开发模式简述
  17. 工具资源系列之给虚拟机装个centos
  18. MySql分页查询慢|这里告诉你答案
  19. cocos creator 碰撞检测
  20. TestFlight 测试

热门文章

  1. Apache Beam的目标
  2. jar包、jdk版本、兼容性
  3. SEH结构
  4. 我们能用canvas做什么?
  5. List&lt; &gt;泛型集合
  6. Windows无法启动MySQL服务,错误1067
  7. POJ 3225 线段树区间更新(两种更新方式)
  8. 堆(Heap)的实现
  9. vue的一些特殊特性
  10. python递归锁与信号量