Question

您好我想要编辑此jquery代码并使其成为粘滞状态，而不会淡入或淡出。

当frins在这个网站帮助我时，我改进了我的代码，但我仍有问题

1）当我滚动到顶部时，菜单从-100px开始到0px

2）粘性菜单仍有淡入淡出

这是代码：

$(document).ready(function() {

    var $menu = $("#menuF");

    $(window).scroll(function() {
        if ($(this).scrollTop() > 100 && $menu.hasClass("default")) {

                $menu.removeClass("default")
                    .addClass("fixed transbg")
                    .fadeIn('fast');

        } else if ($(this).scrollTop() <= 100 && $menu.hasClass("fixed")) {

               $menu.removeClass("fixed transbg")
                    .addClass("default")
                    .fadeIn('fast');

        }

    });
});

Answer 1

$(document).ready(function() {
    var $menu = $("#menuF");

    $(window).scroll(function() {
        if ($(this).scrollTop() > 100 && $menu.hasClass("default")) {
            $(this).removeClass("default")
                .addClass("fixed transbg")
        } else if ($(this).scrollTop() <= 100 && $menu.hasClass("fixed")) {
            $(this).removeClass("fixed transbg")
                .addClass("default")
        }
    });
});

Answer 2

您可以使用'show（）'和'hide（）'代替'fadeIn（）'和'fadeOut（）'

http://api.jquery.com/show/
http://api.jquery.com/hide/

在jquery中使滚动不淡化

2 个答案: