当用户向下滚动1000像素时,我希望一个固定菜单出现在我的网站左侧栏中,但我对jQuery / JS并不是很熟悉。 我认为这样的东西会起作用,但它什么也没做:
HTML:
<div id="menu">[MENU_WILL_GO_HERE]</div>
样式:
#menu{display:none;}
JQ:
var fixed = false;
$(document).scroll(function() {
if( $(this).scrollTop() > 100 ) {
if( !fixed ) {
fixed = true;
$('#menu').css({position:'fixed', display:'block'});
}
} else {
if( fixed ) {
fixed = false;
$('#menu').css({display:'none'});
}
}
});
问:
为什么这段代码不起作用?代码示例在http://jsfiddle.net/roXon/psvn9/1/上,即使我将此示例完全复制粘贴到一个空白的HTML页面中,并使用最新的jQuery库链接,它仍然不能像在jsfiddle页面上那样工作。我可能忽略了什么?
$('#menu').toggle($(this).scrollTop()>1000)
。 - elclanrs<script type="text/javascript"> 你的代码 </script>
。 - Sangram Nandkhile