ie7下,scroll事件不触发

$(document).scroll(function(){//在ie7下不能触发
});

解决方案

ie7下用以下方法触发scroll

$('body').scroll(function(){//这里写滚动事件
});

IE7滚动位置不对的问题

ie7下,$(obj).offset().top获取的高度与chrome的不同

解决方案

function pageX(elem)
{  return elem.offsetParent ? elem.offsetLeft + pageX(elem.offsetParent) : elem.offsetLeft;
}  
function pageY(elem)
{  return elem.offsetParent ? elem.offsetTop + pageX(elem.offsetParent) : elem.offsetTop;
}  

本文参考http://lizhao6210-126-com.iteye.com/blog/1855705

转载于:https://www.cnblogs.com/yaolingyan/p/5336005.html

ie7下scroll不触发,滚动位置不对的问题相关推荐

  1. 浏览器滚动的详细解释 Vue 固定滚动位置的实现

    滚动形成的条件 父子两个元素 子元素的高 > 父元素的高, 并且父元素 overflow:scroll; ok, 那么现在考虑这种情况: 假设: 有父子两个元素, 子元素的高度 > 父元素 ...

  2. scrollTop记录滚动位置

    前文提到,需要记录滚动位置, vue-router提供了一个方法 scrollBehavior,但是这个方法必须要在history模式下才能使用,具体参考文档 使用的方式如下 const scroll ...

  3. js监听页面或元素scroll事件,滚动到底部或顶部

    基本原理: 1.滚动到底部 元素的滚动距离 + 元素的可视距离 == 元素的滚动条总距离2.滚动到顶部 元素的滚动距离 == 0 监听页面滚动 <!DOCTYPE html> <ht ...

  4. vue使用keep-alive缓存页面 回到滚动位置

    业务场景:移动端一个列表页下拉到某个位置时,点击其中一条数据进入详情页,再从详情页返回列表页时,还是在原来的位置. 实现: 1.在App.vue中加上keep-alive缓存组件. <keep- ...

  5. Jquery页面滚动条向下拉到div的位置时,此div就固定在顶部,向上拉时返回原位置

    Div在网页打开时固定在某个位置(不一定是网页的最顶端),当滚动条向下滚动时,页面的顶部到达此div位置后,此div就固定在网页的最顶部跟随移动,当滚动条向上滚动时,页面顶部高过此div原来的固定位置 ...

  6. codemirror 光标定位_CodeMirror 中固定滚动位置

    CodeMirror 是最流行的代码编辑器之一,包括写作软件 WonderPen 在内的很多工具都使用它开发. 与印象笔记等笔记软件不同,WonderPen 的定位是一款写作软件.写作软件与笔记软件之 ...

  7. IE7下元素的 'padding-top' 遇到 'clear' 特性在某些情况下复制到 'padding-bottom'

    项目中使用的是DIV+CSS布局,有一个页面是同事完成的,这几天他请假有事.项目发现一个UI Bug.在IE7下,某一个Div的padding-top会让整个div产生padding-bottom样式 ...

  8. IE6/IE7下:inline-block解决方案

    IE6/IE7下对display:inline-block的支持性不好. 1.inline元素的display属性设置为inline-block时,所有的浏览器都支持: 2.block元素的displ ...

  9. IE6/IE7下:inline-block不兼容的问题

    IE6/IE7下对display:inline-block的支持性不好.    1.inline元素的display属性设置为inline-block时,所有的浏览器都支持:    2.block元素 ...

  10. vue 记录滚动位置_vue 路由跳转记住滚动位置,返回时回到上次滚动位置

    方法一: 利用Keep-Alive和监听器 1.首先在路由中引入需要的模块 { path: '/scrollDemo', name: 'scrollDemo', meta: { keepAlive:t ...

最新文章

  1. tensorflow中打印一个tensor值
  2. 下列不属于python第三方库的是-python后端开发工程师考证试题
  3. linux dev_info,Linux命令集-xfs_info
  4. linux中的keeplived源码装,keepalived源码安装及主备配置
  5. Linux Container 研究报告
  6. 「Apollo」Apollo感知汇总
  7. java 对 mongoDB 分组统计操作 以及一些常用操作
  8. 【精彩回顾】软件DevOps云化发展的趋势
  9. @vail 判断某字段在范围内_条件判断函数If,你真的会使用吗?实用技巧都掌握吗?...
  10. 第3章   IP寻址
  11. Day4:html和css
  12. 聊聊FluxFlatMap的concurrency及prefetch参数
  13. Kubernetes 小白学习笔记(22)--kubernetes的运维-管理Namespace
  14. 在Netty中使用Apache common fileupload
  15. Java常用算法手册-01算法概述
  16. Axure RP 9 使用详解视频教程-真实操作步骤
  17. 数据结构与算法之栈的实现及逆波兰计算器简易版
  18. 『软件工程5』详解软件项目管理之软件的度量
  19. labwindows mysql_LabWindows/CVI(二):基本代码框架函数说明
  20. 在centos7下安装云锁

热门文章

  1. U盘FAT32转换NTFS格式
  2. 无刷新上传图片 可以实时预览 选择图片后即自动上传,没有上传按钮
  3. Oracle中rownum用法总结
  4. 那些年,备胎一起追的女神
  5. [转]请不要和陌生女人说话
  6. JedisConnectionException: Failed connecting to host localhost:6379
  7. Scrapy 中的 Request 对象和 Respionse 对象
  8. 墨者学院——密码学加解密实训(Base64转义)
  9. 100句自我激励的名言佳句
  10. Linux crontab 定时任务详解