Question

我在页脚中创建了一个带有短代码的滑块（在div id #oter中），我需要在加载时显示无滑块并在onscroll上显示。现在我有了插件：

!function(e){e(document).ready(function(){var n=0;e(window).scroll(function(){var o=e(this).scrollTop();o>n?e("#oter").fadeOut(200):e("#oter").fadeIn(200),n=o})})}(jQuery);

我可以更改为：隐藏onload并显示onscroll吗？你能帮助我吗？谢谢！

Answer 1

我会默认使用CSS隐藏它，然后在滚动时添加一个新类，然后显示它。

 $(function() {
    var footerslider = $("#oter");
    $(window).scroll(function() {
        var scroll = $(window).scrollTop();

        if (scroll >= 500) {
           footerslider.addClass('show');
        } else {
           footerslider.removeClass("show");
        }
    });
});

<强>更新

您收到控制台错误...尝试将代码更新为：

**请注意，您需要更改if语句中的值，以便在右侧滚动点添加类。

jQuery(function($) {
    var footerslider = $("#oter");
    $(window).scroll(function() {
        var scroll = $(window).scrollTop();

        if (scroll >= 10) {
           footerslider.addClass('show');
        } else {
           footerslider.removeClass("show");
        }
    });
});

并将以下css添加到样式表中：

#oter {
    display:none;
}

.show {
    display:block !important;
}

在wordpress中滚动显示特定div

1 个答案: