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

1

次のことを試してみてください。

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

100は何でもいいので、これには単位が重要だと感じています。あまり具体的ではありません。そして、これを文字列としてうまく定義できます。実際、彼らが与えた例で.animateは、文字列として定義されています。

于 2013-08-12T23:45:36.157 に答える