2016-12-28 23 views
1

我正在使用jQuery數據表,我想改變它的默認行爲。現在,當我點擊頁面號碼例如61時,頁面滾動保持在底部。但是當我從61頁到60頁單擊頁面時,頁面中間會出現滾動。我希望所有頁面都能在頁面底部滾動,而不管隨機頁面從底部按下,從頭到尾或隨機頁面單擊。我也參考了這個鏈接: jquery datatables scroll to top when pages clicked from bottom 但這是爲了使默認頂部滾動。jquery datatables滾動到頂部,當頁面從底部向前點擊任意向後

+0

你是否有機會使用Angular? – nashcheez

+0

沒有jquery數據表。 –

+1

您可以請發佈您的代碼 –

回答

0

您應該以.dataTables_wrapper爲目標,並將活動附加到.paginate_button。這裏用一個漂亮的小動畫:

function paginateScroll() { 
    $('html, body').animate({ 
     scrollTop: $(document).height() 
    }, 100); 
    console.log('pagination button clicked'); //remove after test 
    $(".paginate_button").unbind('click', paginateScroll); 
    $(".paginate_button").bind('click', paginateScroll); 
} 
paginateScroll(); 

這裏的JSfiddle

免責聲明:我剛剛在其鏈接已張貼在問題本身的answer做了小修改。 scrollTop: $(document).height()

希望這會有所幫助。

+0

謝謝你,但這沒有奏效。也在document.ready中嘗試過。 –

+0

@amarghodke哦。你可以請你張貼你的代碼或者一個小提琴嗎? –

+0

https://jsfiddle.net/jb0e6whr/這是jquery datatable的動態數據,所以你不會看到任何記錄。 –

0

這個問題發生在倒數第二和最後一頁之間,例如。 60和61.當我們導航到最後一頁時,如果記錄數小於分頁大小,那麼當數據表調整它的高度時,UI會改變。當頁面從最後一頁移動到最後一頁或其他頁面時,可能會出現問題。所以這是一個自然的行爲,而不是一個問題

相關問題