在jquery中进行滚动而不褪色

在jquery中进行滚动而不褪色,jquery,Jquery,嗨,我想编辑这个jquery代码,并使scrol粘性而不淡入或淡出 当frins在这个网站上帮助我时,我改进了我的代码,但我仍然有问题 1) 当我滚动到顶部时,菜单从-100px开始到0px 2) 粘性菜单仍然会褪色 代码如下: $(document).ready(function() { var $menu = $("#menuF"); $(window).scroll(function() { if ($(this).scrollTop() > 10

嗨,我想编辑这个jquery代码,并使scrol粘性而不淡入或淡出

当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');

        }

    });
});
$(文档).ready(函数(){
变量$menu=$(“#menuF”);
$(窗口)。滚动(函数(){
if($(this.scrollTop()>100&&$menu.hasClass(“默认”)){
$menu.removeClass(“默认值”)
.addClass(“固定传输”)
.fadeIn(“快速”);
}else if($(this).scrollTop()
$(document).ready(function()){
变量$menu=$(“#menuF”);
$(窗口)。滚动(函数(){
if($(this.scrollTop()>100&&$menu.hasClass(“默认”)){
$(此).removeClass(“默认值”)
.addClass(“固定传输”)
}else if($(this).scrollTop()您可以使用'show()'和'hide()'而不是'fadeIn()'和'fadeOut()'



我必须在哪里编写代码改进?你应该发布你尝试过的内容。请不要得分为负数。我是stackoverflow.com的初学者。我将$menu.removeClass(“默认”)改为$(此)。removeClass(“默认”)效果更好,但我仍然有问题。fadeIn(“快速”);但当我滚动菜单时,它仍然会消失。请注意,您的代码示例在JSFIDLE:中包含HTML和CSS,并准确描述问题的复杂性。这是我的网站:www.darbarg.com在此网站中,我希望删除fadein和fadeout
$(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")
        }
    });
});