javascript - JS的小问题，帮忙看看

问题描述

问 题

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

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

解决方案

开始不想它出来，所以你开始要将他的属性设置为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里面可以看到

这篇关于javascript - JS的小问题，帮忙看看的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！