jqueryの - のMouseEnterは

Question

本当に申し訳ありませんが、これは以前に頼まれましたが、私はasnwerのためのハイとローを検索し、今、私のウェブサイトで1 ...

を見つけた場合、私は「フッタ」とAを持っているが、コンテンツを押し下げます"bottom"。ユーザーがウェブサイトの下部に移動すると、フッターが表示されます。私はそれを以下のコードで成功させることができました。しかし、ユーザーが「下」のdivの上を移動すると、フッターは下に向かって展開するため、ユーザーは何が表示されたかを見るために下にスクロールする必要があります。巨大な問題ではありませんが、ユーザーにとってはそれほど素晴らしいものではありません。フッタが表示されたときにサイトがプッシュアップされた方がずっと良いでしょう。私はこれをどのようにすることができるか誰にも分かりますか？それはフッターのdivへのツイークのCSSですか？すべて事前にありがとうございます。素晴らしいフォーラムです！

$(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; 
} 

Answer 1

slideDown関数のコールバック内

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

を試してみてください。
これは、ドキュメントを下にスクロールします。

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

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); 
    });