使用javascript在頁面底部顯示一個元素

Question

在留言簿中，我在頁面底部有一個按鈕，單擊該按鈕即可顯示輸入表單：

$("a#showform").click(function(){ 
  $(this).hide();
  $("div#post").show("slow");
});

問題在於出現的表單在當前視口之外，並且只有手動滾動才能使該表單對用戶可見。 我無法從網絡上找到任何解決方案，但這必須是一個非常常見的問題。 是否沒有jquery命令來“堅持到底”或類似？

接下來的事情是：我在整個頁面上使用了nanoScroller ，因此常規的向下滾動方法在這里不起作用。 nanoScroller有一個方法滾動：“底部”，但不流暢...

非常感謝你，托尼

Answer 1

只要您的網頁擴展，您就可以輕松滾動到頁面底部：

 $("a#showform").click(function(){ 
        $(this).hide();
        $("div#post").show("slow");
        $('html, body').animate({
                                     scrollTop:$(document).height()
                                }, 'slow');
    });

您可以將.animate（）的“慢速”設置為以毫秒為單位的任何速度。

的jsfiddle

Answer 2

只需調整功能中的滾動

$("a#showform").click(function(){ 
  $(this).hide();
  $("div#post").show("slow");
  /* $(scroll magically to #post) */
  $("div#post").nanoScroller({ scroll: 'top' });
});

Answer 3

如果您不關心涉及其他元素的帖子，則不妨使用CSS解決此問題：

div#post {
  position: fixed;
  bottom: 0px;
}