ie7下scroll不触发,滚动位置不对的问题
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不触发,滚动位置不对的问题相关推荐
- 浏览器滚动的详细解释 Vue 固定滚动位置的实现
滚动形成的条件 父子两个元素 子元素的高 > 父元素的高, 并且父元素 overflow:scroll; ok, 那么现在考虑这种情况: 假设: 有父子两个元素, 子元素的高度 > 父元素 ...
- scrollTop记录滚动位置
前文提到,需要记录滚动位置, vue-router提供了一个方法 scrollBehavior,但是这个方法必须要在history模式下才能使用,具体参考文档 使用的方式如下 const scroll ...
- js监听页面或元素scroll事件,滚动到底部或顶部
基本原理: 1.滚动到底部 元素的滚动距离 + 元素的可视距离 == 元素的滚动条总距离2.滚动到顶部 元素的滚动距离 == 0 监听页面滚动 <!DOCTYPE html> <ht ...
- vue使用keep-alive缓存页面 回到滚动位置
业务场景:移动端一个列表页下拉到某个位置时,点击其中一条数据进入详情页,再从详情页返回列表页时,还是在原来的位置. 实现: 1.在App.vue中加上keep-alive缓存组件. <keep- ...
- Jquery页面滚动条向下拉到div的位置时,此div就固定在顶部,向上拉时返回原位置
Div在网页打开时固定在某个位置(不一定是网页的最顶端),当滚动条向下滚动时,页面的顶部到达此div位置后,此div就固定在网页的最顶部跟随移动,当滚动条向上滚动时,页面顶部高过此div原来的固定位置 ...
- codemirror 光标定位_CodeMirror 中固定滚动位置
CodeMirror 是最流行的代码编辑器之一,包括写作软件 WonderPen 在内的很多工具都使用它开发. 与印象笔记等笔记软件不同,WonderPen 的定位是一款写作软件.写作软件与笔记软件之 ...
- IE7下元素的 'padding-top' 遇到 'clear' 特性在某些情况下复制到 'padding-bottom'
项目中使用的是DIV+CSS布局,有一个页面是同事完成的,这几天他请假有事.项目发现一个UI Bug.在IE7下,某一个Div的padding-top会让整个div产生padding-bottom样式 ...
- IE6/IE7下:inline-block解决方案
IE6/IE7下对display:inline-block的支持性不好. 1.inline元素的display属性设置为inline-block时,所有的浏览器都支持: 2.block元素的displ ...
- IE6/IE7下:inline-block不兼容的问题
IE6/IE7下对display:inline-block的支持性不好. 1.inline元素的display属性设置为inline-block时,所有的浏览器都支持: 2.block元素 ...
- vue 记录滚动位置_vue 路由跳转记住滚动位置,返回时回到上次滚动位置
方法一: 利用Keep-Alive和监听器 1.首先在路由中引入需要的模块 { path: '/scrollDemo', name: 'scrollDemo', meta: { keepAlive:t ...
最新文章
- tensorflow中打印一个tensor值
- 下列不属于python第三方库的是-python后端开发工程师考证试题
- linux dev_info,Linux命令集-xfs_info
- linux中的keeplived源码装,keepalived源码安装及主备配置
- Linux Container 研究报告
- 「Apollo」Apollo感知汇总
- java 对 mongoDB 分组统计操作 以及一些常用操作
- 【精彩回顾】软件DevOps云化发展的趋势
- @vail 判断某字段在范围内_条件判断函数If,你真的会使用吗?实用技巧都掌握吗?...
- 第3章 IP寻址
- Day4:html和css
- 聊聊FluxFlatMap的concurrency及prefetch参数
- Kubernetes 小白学习笔记(22)--kubernetes的运维-管理Namespace
- 在Netty中使用Apache common fileupload
- Java常用算法手册-01算法概述
- Axure RP 9 使用详解视频教程-真实操作步骤
- 数据结构与算法之栈的实现及逆波兰计算器简易版
- 『软件工程5』详解软件项目管理之软件的度量
- labwindows mysql_LabWindows/CVI(二):基本代码框架函数说明
- 在centos7下安装云锁