jquery datatables scrollen nach oben, wenn Seiten von unten nach vorn und rückwärts zufällig angeklickt werden

Question

Ich benutze jQuery Datentabelle und möchte das Standardverhalten ändern. Gerade jetzt, wenn ich klicke, um Nr. Z. B. 61 zu blättern, bleibt der Seitenlauf unten. Aber wenn ich Seite von 61 bis 60 Seite klicke, blättern Sie in der Mitte der Seite. Ich möchte, dass alle Seiten am unteren Rand der Seite gescrollt werden, unabhängig davon, ob die Seite zufällig geklickt hat oder nicht. Ich habe auch die Referenz von diesem Link genommen: jquery datatables scroll to top when pages clicked from bottom , aber dies ist für das Erstellen von Scroll oben standardmäßig.

Answer 1

Sie sollten auf .dataTables_wrapper zielen und das Ereignis stattdessen an .paginate_button anhängen. Hier mit einer netten kleinen Animation:

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

Hier ist der JSfiddle

Haftungsausschluss: Ich habe gerade eine kleine Änderung in den answer dessen Link in der Frage wurde selbst geschrieben habe. scrollTop: $(document).height().

Hoffe, das hilft.

Answer 2

Dieses Problem trat zwischen der vorletzten und letzten Seitenumbruch auf. 60 und 61. Wenn wir zur letzten Seite navigieren und die Anzahl der Datensätze kleiner als die Paginierungsgröße ist, verschiebt sich die UI, wenn die Datentabelle ihre Höhe anpasst. Das Problem tritt möglicherweise auf, wenn die Seite von der letzten Seite auf die vorletzte Seite oder eine andere Seite verschoben wird. Also das ist ein natürliches Verhalten und kein Problem