2013-10-29 50 views
0

底部。在一個留言我有在頁面底部的按鈕,其顯示在點擊的輸入形式顯示的元素在當前視圖端口之外並且僅手動滾動使得表格對用戶可見。我從網上找不到任何解決方案,但這一定是一個非常普遍的問題。沒有jquery命令來「堅持底部」或類似的?在頁面用JavaScript

接下來的事情是:我在整個頁面上使用nanoScroller,所以正常的壓縮滾降方法在這裏不起作用。 nanoScroller有一個方法滾動:「底部」,但它並不順利......

非常感謝你, 託尼

+0

會很高興地看到的jsfiddle。 – iCodeLikeImDrunk

+0

託尼,到目前爲止的任何可以接受的答案? –

回答

1

您可以easially滾動到頁面底部時,您的網頁擴展:

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

可以設置的.animate()的「慢」在任何英里的速度毫秒之間。

jsFiddle

0

只是ajust滾動你的函數內

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

你不妨用CSS來解決這個問題,如果你不關心投遞項目覆蓋其他元素:

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