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