老师,我这个回答顶部没有显示,怎么回事呀

老师,我这个回答顶部没有显示,怎么回事呀

//  ui-backTop  返回顶部
$.fn.UiBackTop = function(){
    var ui = $(this);
    var el = $("<a href='#' class='ui-backTop'></a>");
    ui.append(el);

    var windowHeight = $(window).height();

    $(window).on('scroll',function(){
        var top = $('body').scrollTop();        // 获取当前滚动条的高度
        if(top > windowHeight){
            el.show();
        }
        else{
            el.hide();
        }
    });
};

// 页面的脚本逻辑
$(function(){
    $('.ui-search').UiSearch();

    $('.content-tab').UiTab('.caption > .item','.block > .item');
    $('.content-tab .block .item').UiTab('.block-caption > a','.block-content  > .block-wrap','block-caption-');

    $('body').UiBackTop();
});


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕星星 2019-06-24 18:40:15

你好,是获取滚动高度兼容性的问题,可以修改为:

http://img1.sycdn.imooc.com//climg/5d10a88600012f7e06040193.jpg

自己添加测试下,祝学习愉快!

  • 提问者 李可意 #1
    还是没有呀,怎么回事呀,老师
    2019-06-24 19:56:24
  • 好帮手慕星星 回复 提问者 李可意 #2
    你好,可以将自己修改后的代码粘贴上来,老师帮助你测试下。
    2019-06-25 09:42:30
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师