Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 分页-滚动至顶部_Javascript - Fatal编程技术网

Javascript 分页-滚动至顶部

Javascript 分页-滚动至顶部,javascript,Javascript,我目前正在使用以下代码的分页。我正在寻找一种方法,使页面滚动到页面开关上内容列表的开头。非常感谢您的帮助,谢谢 (function($){ $.fn.customPaginate = function(options) { var paginationContainer = this; var itemsToPaginate; var defaults = { itemsPerPage : 4

我目前正在使用以下代码的分页。我正在寻找一种方法,使页面滚动到页面开关上内容列表的开头。非常感谢您的帮助,谢谢

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

仅在单击“分页”按钮时使用

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