私は無料のjsファイルを使用してニュースリリースページをページ付けしています。ページネーションリンクをクリックした後も下部に表示されたままです。自動スクロールしてページの上部に戻してください。誰かがそれを追加する方法を教えてもらえますか?他の投稿で見つけたさまざまなものを追加しようとしましたが、明らかに自分が何をしているのかわからず、何も機能しませんでした。前もって感謝します。
/*global console, document, $, jQuery */
(function ($) {
'use strict';
function log(d) {
console.log(d);
}
// $(document).ready(function () {
$.fn.pagination = function (options) {
// alert('prout');
var paginationContainer = this,
itemsPerPage,
itemsToPaginate,
defaults,
settings,
i,
numberOfPaginationLinks;
log(paginationContainer);
defaults = {
itemsPerPage: 5
};
settings = {};
$.extend(settings, defaults, options);
itemsPerPage = settings.itemsPerPage;
itemsToPaginate = $(settings.itemsToPaginate);
numberOfPaginationLinks = Math.ceil((itemsToPaginate.length /
itemsPerPage));
log(numberOfPaginationLinks);
// Création de list dans la div ciblée
$('<ul></ul>').prependTo(paginationContainer);
// Boucle qui créer des li
for (i = 0; i < numberOfPaginationLinks; i += 1) {
paginationContainer.find('ul').append('<li>' + (i + 1) +
'</li>');
}
itemsToPaginate.filter(':gt(' + (itemsPerPage - 1) + ')').hide();
paginationContainer.find('ul li').click(function () {
var itemsToHide,
linkNumber,
itemsToShow,
$this = $(this);
$this.addClass(settings.activeClass);
$this.siblings().removeClass(settings.activeClass);
linkNumber = $this.text();
itemsToHide = itemsToPaginate.filter(':lt(' + ((linkNumber - 1) *
itemsPerPage) + ')');
$.merge(itemsToHide, itemsToPaginate.filter(':gt(' + ((linkNumber
* itemsPerPage) - 1) + ')'));
itemsToHide.hide();
itemsToShow = itemsToPaginate.not(itemsToHide);
itemsToShow.show();
});
};
// });
}(jQuery));
次のページに進むたびにページを一番上から始めたいのですが、現在は一番下にとどまっています。
ウィンドウをスクロールしている場合:
window.scrollTo(x-coord, y-coord);
例えば
window.scrollTo(0, 0);
オーバーフローのある要素内をスクロールしている場合:auto / scrollは次のようにします:
var e = document.getElementById('containerDiv');
e.scrollTop = 0;
このcss属性をスクロール要素に追加すると、見栄えが良くなります
body{
scroll-behavior: smooth;
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加