窗口滚动jQuery动画不能很好地工作
窗口滚动jQuery动画不能很好地工作
提问于 2014-03-31 07:37:43
下面是我的密码。我不知道哪里出了问题。
JavaScript:
(function () {
$(window).scroll(function(){
var scrollTop=Math.round($('.nav').offset().top);
if (scrollTop > 1000 ) {
$('.nav').animate({top:0});
}
if (scrollTop < 1000) {
$('.nav').animate({top:90});
}
});
}());HTML:
<div class="nav"></div>
<div style="display:block; height:16000px; border:1px solid #000;" id="wrp"></div>JSFIDDLE
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-03-31 07:48:44
查看jsfiddle.net/sjnilan/JLduB中的演示
$(window).scroll(function(){
var scrollTop=Math.round($('.nav').offset().top);
if (scrollTop > 100 ) {
$('.nav').stop().animate({top:0});
}
if (scrollTop < 100) {
$('.nav').stop().animate({top:90});
}
});Stack Overflow用户
发布于 2014-03-31 08:08:32
要使用top，必须将position:relative/absolute/fixed设置为元素.nav，具体取决于您想要的内容。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22755941
复制相关文章
相似问题
腾讯云开发者
