Javascript Jquery Scroll()需要2个参数
当用户向下滚动页面时,我试图从菜单栏中删除一个类。我阅读了以下主题和文档以了解jquery scroll()的内容: (一) (二) 这是我的代码:Javascript Jquery Scroll()需要2个参数,javascript,jquery,scroll,menubar,Javascript,Jquery,Scroll,Menubar,当用户向下滚动页面时,我试图从菜单栏中删除一个类。我阅读了以下主题和文档以了解jquery scroll()的内容: (一) (二) 这是我的代码: var jquery = jQuery.noConflict(); jquery(document).ready(function(){ $(window).scroll(function () { if (document.body.scrollTop > 100)
var jquery = jQuery.noConflict();
jquery(document).ready(function(){
$(window).scroll(function () {
if (document.body.scrollTop > 100)
$('#menuBar').removeClass( "nav-menu" );
else
// something something
});
});
以上代码摘自另一个主题的SO答案(上面给出的链接)。但是当我添加代码时,我看到:没有足够的参数来Window.scroll.
错误$(Window.scroll)(函数()
)。我不知道为什么它需要两个参数,因为我在scroll()上读到的文档使用时没有参数。我有没有做错什么?或者Jquery的更高版本有什么变化
我正在使用jquery v1.11.0使用完整的jquery代码。工作示例:
#menuBar { background: yellow; width: 50px; height: 800px; }
#menuBar.nav-menu { background: red; }
<div id="menuBar" class="nav-menu"></div>
<div style="margin-bottom: 999em;"></div>
$(document).ready(function(){
$(window).on('scroll', function () {
var $body = $('body');
var $target = $('#menuBar');
if ($body.scrollTop() > 100 && $target.hasClass('nav-menu')){
$target.removeClass("nav-menu");
}
else if( $body.scrollTop() <= 100 && !$target.hasClass('nav-menu') ){
$target.addClass('nav-menu');
}
});
});
#菜单栏{背景:黄色;宽度:50px;高度:800px;}
#menuBar.nav-menu{背景:红色;}
$(文档).ready(函数(){
$(窗口).on('scroll',函数(){
变量$body=$('body');
变量$target=$(“#菜单栏”);
如果($body.scrollTop()>100&&$target.hasClass('nav-menu')){
$target.removeClass(“导航菜单”);
}
else如果($body.scrollTop()使用完整的jquery代码。工作示例:
#menuBar { background: yellow; width: 50px; height: 800px; }
#menuBar.nav-menu { background: red; }
<div id="menuBar" class="nav-menu"></div>
<div style="margin-bottom: 999em;"></div>
$(document).ready(function(){
$(window).on('scroll', function () {
var $body = $('body');
var $target = $('#menuBar');
if ($body.scrollTop() > 100 && $target.hasClass('nav-menu')){
$target.removeClass("nav-menu");
}
else if( $body.scrollTop() <= 100 && !$target.hasClass('nav-menu') ){
$target.addClass('nav-menu');
}
});
});
#菜单栏{背景:黄色;宽度:50px;高度:800px;}
#menuBar.nav-menu{背景:红色;}
$(文档).ready(函数(){
$(窗口).on('scroll',函数(){
变量$body=$('body');
变量$target=$(“#菜单栏”);
如果($body.scrollTop()>100&&$target.hasClass('nav-menu')){
$target.removeClass(“导航菜单”);
}
else如果($body.scrollTop()使用完整的jquery代码。工作示例:
#menuBar { background: yellow; width: 50px; height: 800px; }
#menuBar.nav-menu { background: red; }
<div id="menuBar" class="nav-menu"></div>
<div style="margin-bottom: 999em;"></div>
$(document).ready(function(){
$(window).on('scroll', function () {
var $body = $('body');
var $target = $('#menuBar');
if ($body.scrollTop() > 100 && $target.hasClass('nav-menu')){
$target.removeClass("nav-menu");
}
else if( $body.scrollTop() <= 100 && !$target.hasClass('nav-menu') ){
$target.addClass('nav-menu');
}
});
});
#菜单栏{背景:黄色;宽度:50px;高度:800px;}
#menuBar.nav-menu{背景:红色;}
$(文档).ready(函数(){
$(窗口).on('scroll',函数(){
变量$body=$('body');
变量$target=$(“#菜单栏”);
如果($body.scrollTop()>100&&$target.hasClass('nav-menu')){
$target.removeClass(“导航菜单”);
}
else如果($body.scrollTop()使用完整的jquery代码。工作示例:
#menuBar { background: yellow; width: 50px; height: 800px; }
#menuBar.nav-menu { background: red; }
<div id="menuBar" class="nav-menu"></div>
<div style="margin-bottom: 999em;"></div>
$(document).ready(function(){
$(window).on('scroll', function () {
var $body = $('body');
var $target = $('#menuBar');
if ($body.scrollTop() > 100 && $target.hasClass('nav-menu')){
$target.removeClass("nav-menu");
}
else if( $body.scrollTop() <= 100 && !$target.hasClass('nav-menu') ){
$target.addClass('nav-menu');
}
});
});
#菜单栏{背景:黄色;宽度:50px;高度:800px;}
#menuBar.nav-menu{背景:红色;}
$(文档).ready(函数(){
$(窗口).on('scroll',函数(){
变量$body=$('body');
变量$target=$(“#菜单栏”);
如果($body.scrollTop()>100&&$target.hasClass('nav-menu')){
$target.removeClass(“导航菜单”);
}
else if($body.scrollTop()如果需要,您可以在滚动函数中添加一个空参数:
$(document).ready(function(){
$(window).scroll([], function () {
...
});
});
看看这个:
如果需要,您可以在滚动功能中添加一个空参数:
$(document).ready(function(){
$(window).scroll([], function () {
...
});
});
看看这个:
如果需要,您可以在滚动功能中添加一个空参数:
$(document).ready(function(){
$(window).scroll([], function () {
...
});
});
看看这个:
如果需要,您可以在滚动功能中添加一个空参数:
$(document).ready(function(){
$(window).scroll([], function () {
...
});
});
看看这个:
等一下……我注意到我忘了把$改成jquery
。也许就是这样。我会再试一次……等一下……我注意到我忘了把$改成jquery
。也许就是这样。我会再试一次……等一下……我注意到了t我忘了把$改成jquery
。也许就是这样。我会再试一次…喜欢你的工作示例和先检查类的想法。我要试试这个。谢谢@kmsdevLove你的工作示例和先检查类的想法。我要试试这个。谢谢@kmsdevLove你的工作示例和先检查类的想法先上课。我要试试这个。谢谢你@kmsdevLove你的工作示例和先上课检查的想法。我要试试这个。谢谢@kmsdev