ITPub博客

首页 > IT职业 > > 前端小白课程项目实战中关于scollTop的问题

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

作者:jerrysun 时间:2019-04-12 16:46:38 0 删除 编辑

/*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被卷去的高度


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/151/viewspace-3127192/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2018-09-29

  • 博文量
    122
  • 访问量
    16195