JS的小问题,帮忙看看

图片描述

这个广告我是想用fixed 在下面跟着移动 ,不是想让他一开始就出来,哪里出了问题,球大神看看

http://www.eph88.com/hetongfa...

阅读 1.9k
1 个回答

开始不想它出来,所以你开始要将他的属性设置为display:none;

当你需要出现的时候,你就用就是把它的属性改为display:block

这里就需要用到一个属性,监听页面滚动情况,比如你想页面往下拉300px就出现时候,你就这么写

$(window).scroll(function() {
    if ($(this).scrollTop() > 300) {
        $('#banner').show();
    } else {
        $('#banner').hide();
    }
});

首先$(window).scroll();就是当页面发生滚动时候就触发。然后使用$(this).scrollTop()获取到现在滚动上去的高度,如果大于300,你就显示,否则就隐藏,我这里使用了jquery,记得你要引用。

如何知道自己已经滚动了多少?

$(window).scroll(function() {
    console.log($(this).scrollTop());
});

打开控制台console里面可以看到

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题