我将导航嵌套在离屏幕左侧的div中,当用户向下滚动页面并到达像素296时,左侧导航会随着宽度向右逐渐增加而慢慢出现。
我现在所剩无几。当用户向下滚动页面时,嵌套在div中的导航就会出现,但我希望它向右缓慢动画,而这没有发生。不知道我在做什么错。我遇到的具体问题是:
$("#slidebottom").animate({ width: "100" }, 'slow');
但是,这是我的整个代码:
$(window).scroll(function(){
var wintop = $(window).scrollTop(), docheight = $(document).height(),
winheight = $(window).height();
var bottomHeight = $("#slidebottom").height();
var zeroheight = 0;
if (wintop > 296) {
bottomHeight = $('#slidebottom').height(docheight);
$("#slidebottom").animate({ width: "100" }, 'slow');
}
if( wintop < 296)
{
bottomHeight = $('#slidebottom').height(zeroheight);
//$("#slidebottom").animate({ width: "0" }, 'slow');
}
});
最佳答案
jQuery docs显示int而不是字符串,作为width的参数:
$("#slidebottom").animate({ width: 100 }, 'slow');
编辑:所以我错了,这不是问题;它也处理字符串。
关于javascript - 如何使用jQuery缓慢制作div的宽度动画,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18198216/