javascript - 分页 - 滚动到顶部

Question

我目前正在使用以下代码进行分页。我正在寻找一种方法，使页面在页面切换时滚动到内容列表的开头。 Example of page here.任何帮助将不胜感激，谢谢!

(function($){

   $.fn.customPaginate = function(options)
   {
       var paginationContainer = this;
       var itemsToPaginate;


       var defaults = {

            itemsPerPage : 4

       };

       var settings = {};

       $.extend(settings, defaults, options);

       var itemsPerPage = settings.itemsPerPage;

       itemsToPaginate = $(settings.itemsToPaginate);
       var numberOfPaginationLinks = Math.ceil((itemsToPaginate.length / itemsPerPage));

       $("<ul></ul>").prependTo(paginationContainer);

       for(var index = 0; index < numberOfPaginationLinks; index++)
       {
            paginationContainer.find("ul").append("<li>"+ (index+1) + "</li>");
       }

       itemsToPaginate.filter(":gt(" + (itemsPerPage - 1)  + ")").hide();

       paginationContainer.find("ul li").on('click', function(){

           var linkNumber = $(this).text();

            var itemsToHide = itemsToPaginate.filter(":lt(" + ((linkNumber-1) * itemsPerPage)  + ")");
            $.merge(itemsToHide, itemsToPaginate.filter(":gt(" + ((linkNumber * itemsPerPage) - 1)  + ")"));
            itemsToHide.hide();

            var itemsToShow = itemsToPaginate.not(itemsToHide);
            itemsToShow.show();
       });

   }

}(jQuery)); 

Answer 1

仅在单击分页按钮时使用

$('html, body').animate({scrollTop : 0},800);