5

我将导航嵌套在左侧屏幕外的 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');
  }
});
4

2 回答 2

7

jQuery 文档显示整数，而不是字符串，作为宽度的参数：

$("#slidebottom").animate({ width: 100 }, 'slow');

编辑：所以我错了，那不是问题；它也可以处理字符串。

于 2013-08-12T23:29:24.890 回答
1

试试下面的可能吗？

$("#slidebottom").animate({ width: '100px' }, 'slow');

我觉得单位对此很重要，因为 100 可能意味着任何事情。不是很具体。你可以把它定义为一个字符串就好了。事实上，在他们给出的例子中，.animate它被定义为一个字符串。

于 2013-08-12T23:45:36.157 回答