IE6 下面的document.body.onscroll 事件

最新推荐文章于 2021-08-22 00:14:04 发布
最新推荐文章于 2021-08-22 00:14:04 发布
阅读量161 收藏
点赞数
分类专栏： javascript 文章标签： 浏览器

IE6 下面的当你滚动浏览器滚动条时document.body.onscroll并不会被触发，因为，它根本没有这个事件，你必须使用window.onscroll事件。

cai555
关注
专栏目录
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题
09-05
在标准模式下，IE和Firefox等现代浏览器倾向于遵循W3C标准，其中规定应该使用`document.documentElement.scrollTop`来获取整个页面的滚动位置，而不是`document.body.scrollTop`。因此，当你尝试通过`document.body....
document.documentElement && document.documentElement.scrollTop
10-30
在一些较老的IE版本中，尤其是IE6和IE7，浏览器使用`document.body.scrollTop`来表示页面的滚动位置。这就导致了在编写跨浏览器兼容的JavaScript代码时，需要考虑这种情况。因此，我们在实际编程中经常会看到这样的...
window.onscroll和document.body.onscroll的区别
sou3713的专栏
03-26 2386
在使用页面滚动元素的时候，总会遇到几个dhtml属性存在兼容问题，这里介绍一个常用的window.onscroll和document.body.onscroll，它们的含义一样，但是在不同浏览器的表现不一样 当页面滚动的时候：window.onscroll和document.body.onscroll的区别：在ie6下面只认window.onscroll。 document.body.
各浏览器对document.body.onscroll,window.onscroll,document.documentElement.onscroll的兼容性
qq_26445509的博客
04-14 6569
各浏览器对document.body.onscroll,window.onscroll,document.documentElement.onscroll的兼容性
各浏览器对 document、document.body、document.documentElement 对象的 onscroll 事件支持情况
转接遇到爱的专栏
08-24 850
1.各浏览器对 document、document.body、document.documentElement 对象的 onscroll 事件支持情况依次为 window、HTMLDivElement、document、document.body、document.documentElement 对象绑定 scroll 事件监听器，在触发滚动条事件后，将消息打印出来，最终可以汇总为下表：![这里写图
在web页面中onscroll事件不触发的状况记录
突维
05-11 1995
起因 今日在用vue开发前端页面的时候，需要添加一个无限加载的效果。这时候就用到了onscroll事件，拿出来以前开发的无限加载的vue组件来使用，发现并没有实现预期的效果。然后进行排查，发现是一直不触发onscroll事件。 既然找到了问题的所在，就要找到解决的办法，排查了好久，发现是因为css样式导致的scroll事件不触发。 onscroll不触发的原因和解决 这种scroll事件不触发的原因是因为下面这样一段css代码： html,body{overflow:auto;
原生JS关于滚动条的常用属性
m0_46581222的博客
08-22 1154
1、onscroll 作用：当绑定元素发生滚动时执行 用法: //用法一 <div onscroll="myFunction()"> //用法二 document.querySelector('#scr').onscroll=function () { xxx } 2、scroll、scrollTo 作用：滚动条滚动到指定位置 //用法一 document.body.scroll(0,2000)||document.documentElement.scroll(0,2000)
JS 滚动事件[removed]与position：fixed写兼容IE6的回到顶部组件
11-21
在本文中，我们将探讨如何利用JavaScript的滚动事件`window.onscroll`以及CSS中的`position:fixed`属性来创建一个兼容IE6的“回到顶部”组件。首先，我们需要理解这两个关键概念。 `window.onscroll`事件是...
ie6 fixed bug的解决方法 (css+js)
09-25
在IE6浏览器中，"fixed"定位是一个众所周知的bug，它无法像在现代浏览器中那样正常工作。"fixed"定位通常用于创建始终固定在视口某个位置的元素，如导航栏或悬浮窗口。然而，IE6并不支持CSS的"fixed"定位，导致元素...
js完美解决IE6不支持position:fixed的bug
12-03
在JavaScript和网页设计领域，IE6（Internet Explorer 6）是一个知名的挑战，特别是在处理CSS样式时。`position:fixed`是CSS中一个重要的属性，它允许元素相对于浏览器窗口定位，即使在滚动页面时也始终保持其位置。...
js的window.onscroll事件兼容各大浏览器！
php研究院新手营
11-27 9267
为窗口添加滚动条事件其实非常的简单，     window.onscroll=function(){};     注意在获取滚动条距离的时候     谷歌不识别document.documentElement.scrollTop，必须要加上document.body.scrollTop；即     var scrolltop=document.documentElement
onscroll事件没有响应的问题
肖帅的博客
01-16 1892
案列：在项目中给页面dom元素添加scroll事件，即鼠标上下滚动时发现没有响应，排查问题如下 我遇到的问题如下： ①没有添加over-flow:auto ②在绑定的元素上 document.querySelect(’.bindDiv’).addEventListener(‘scroll’,this.myScroll) ,添加监听事件后，在myScroll方法中没有起作用 ③在window上添加w...
document.body.scrollTop的值总为零的解决办法
热门推荐
sleepwalker_1992的专栏
06-13 2万+
1、document.body.scrollTop的值总为零的原因 有一个功能需要判断下拉的距离，设置头部固定导航栏的颜色。 代码如下： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" c
vue2.0模拟锚点实现定位平滑滚动
weixin_30852451的博客
08-22 445
vue2.0模拟锚点实现定位平滑滚动 　　效果为点击哪一个标题，平滑滚动到具体的详情。 　　如果是传统项目，这个效果就非常简单。但是放到 Vue 中，就有两大难题： 　　1. 在没有 jQuery 的 animate() 方法的情况下，如何实现平滑滚动？ 　　2. 如何监听页面滚动事件？ 　　进行多次尝试之后，终于解决了这些问题 　　期间主要涉及到了setTimeout 的...
vue 中scroll事件不触发问题
anhuo5249的博客
12-29 3918
在vue项目中需要监听滚动条滚动的位置，结果写了scroll监听事件就是不生效，最后查资料发现是页面有样式设置了over-flow：scroll，去掉之后完美解决.(页面样式中存在over-flow：scroll，over-flow：auto的时候scroll事件监听不起作用，所以排查问题的时候首先需要考虑当前页面样式中是否存在over-flow)； export defa...
js window.onscroll事件
最新发布
06-08
`window.onscroll` 事件在文档视图滚动时触发，可以使用该事件来执行一些操作。 以下是一个简单的示例，当页面滚动时，会在控制台输出当前滚动距离： ```js window.onscroll = function() { console.log(window....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值