为了账号安全,请及时绑定邮箱和手机立即绑定

前端小白课程项目实战中关于scollTop的问题

前端小白课程项目实战中关于scollTop的问题

阳光多灿烂l 2018-11-06 19:31:49
/*ui-backtop*/$.fn.UiBackTop = function(){     var ui = $(this);     var el = $('<a class="ui-backtop" href="#0"></a>');     var windowHeight = $(window).height();     ui.append(el);     $(window).on('scroll', function() {         var top = $(window).scrollTop();         if (top > windowHeight) {             el.show();         } else {             el.hide();         }     });     el.on('click', function() {         $(window).scrollTop(0);     });};这段代码是前端小白课程里面最后的项目实战中,做的返回顶部,在原视频中老师用的是var top = $('body').scrollTop();获取被卷去网页的高度,就是滚动条下拉的高度,我用了之后不知道是谷歌浏览器不兼容还是什么原因,top值一直是0,即便给body设置了高度后top值还是0,我把body换成window后一切都变得正常了,这是什么原因,为什么获取不到body被卷去的高度
查看完整描述

3 回答

?
xing_org1

TA贡献13条经验 获得超4个赞

有时候拿到的应该是html的高度,所以获取高度一般都做一个判断写法

var oH = document.body.scrollTop || document.documentElement.scrollTop

查看完整回答
反对 回复 2018-11-21
  • 3 回答
  • 0 关注
  • 791 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信