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

前端小白课程项目实战中关于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被卷去的高度

查看完整描述

1 回答

?
xing_org1

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

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

查看完整回答
反对 回复 2018-11-21

添加回答

回复

举报

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