0

これが以前に尋ねられた場合は本当に申し訳ありませんが、回答を高低で検索し、現在1つを見つけました...

私のウェブサイトには、「フッター」と「ボトム」があります。ユーザーが Web サイトの下部にカーソルを合わせると、フッターが表示されるようにします。私はそれを行うことができました（以下のコード）。ただし、ユーザーが「下部」の div にカーソルを合わせると、フッターが下に展開されるため、ユーザーは下にスクロールして何が表示されているかを確認する必要があります。大きな問題ではありませんが、ユーザーにとってはあまり良くありません。フッターが表示されたときにサイトが押し上げられれば、はるかに良いでしょう. 誰も私がこれを行う方法を知っていますか? フッター div への CSS tweek だけですか? よろしくお願いします。これは素晴らしいフォーラムです!!

$(document).ready(function(){  
$("#bottom").mouseenter(function(){
      $("#footer").stop(true,true).slideDown( function(){
        $("#bottom").addClass("open");
      });
  });
  $("#footer, #bottom").mouseleave( function(){
    $("#footer").stop(true,true).delay(1000).slideUp( function(){
      $("#bottom").removeClass("open");
    });
  });
  $("#footer").mouseenter(function(){
    $("#footer").stop(true,true).slideDown();
  });
});


#footer {
display:none;
height: 200px;
}
#bottom
{
height: 30px;
}
4

1 に答える 1

2

試す

$('html, body').animate({scrollTop: $(document).height()}, 200);

slideDown 関数のコールバック内。
これにより、ドキュメントが一番下までスクロールされます。

コメントを参照してください:

 var event = window.setInterval(function() {
     $('html, body').animate({scrollTop: $(document).height()}, 50);
 }, 50);
 $("#footer").stop(true,true).slideDown( function(){
    $("#bottom").addClass("open");
    window.clearInterval(event);
  });
于 2012-04-17T20:12:19.797 に答える