关于这么多次对于scrollTop的使用情况和onscroll事件

来源:互联网 发布:奇葩说范湉湉长相 知乎 编辑:程序博客网 时间:2024/06/17 07:03

看了很多的关于scrollTop属性的分析自己也进入了不少坑(毕竟自己是一个菜鸟加智障),所以特此来总结一下,如果有不对的地方大家快来纠正我啊!!!

大家都知道scrolltop是用来让元素向上翻的高度,使用情景:只有父元素的高度小于子元素同时,父元素设置了overflow:hidden和overflow:scroll才可以让父元素的高度卷上去设置scrolltop才可以生效,否则在我们父元素中的子元素内容完全展示就会发现scrolltop不会生效的,因为只有自己不能够完全展示才可以使用scrolltop。scrolltop可不是你想用就可以用的偶,必须要看使用情景啊。

下面总结onscroll事件:这个事件也是我的坑啊,就是这个事件也不是随意想调用的:必须产生滚动条时候才可以调用,可能是我脑子抽了,以为调用就可以,完全不看应用情景,希望大家不要学我。

补充一下这两个属性的兼容性和1.scrolltop首先在caniuse中window和document是不支持scrolltop属性的,所以可以利用document.body.scrolltop||document.documentelement.scrolltop来为浏览器设置向上翻。但在jQuery中window和document都是支持的。

2onscroll事件只有div等普通元素和window全部支持jQuery中比较支持$(window).onscroll事件,并且如果设置了一个元素的scrolltop就会触发这个属性的onscroll事件无论元素设置的是overflow:hidden还是scroll都会自动触发这个事件。总结完毕。菜鸟踩坑记。。。


阅读全文
0 0
原创粉丝点击