このjavascriptコードに自動スクロールを追加するのに助けが必要

ジョン・ウォルド

私は無料の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));

次のページに進むたびにページを一番上から始めたいのですが、現在は一番下にとどまっています。

Sascha Grindau

ウィンドウをスクロールしている場合:

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]

編集
0

コメントを追加

0

関連記事

分類Dev

forループc ++の「コロン」と「自動」?構文を理解するのに助けが必要

分類Dev

このコードを理解するのに助けが必要

分類Dev

このコードを理解するのに助けが必要

分類Dev

このCコードの機能を理解するのに助けが必要

分類Dev

このコードをCで解決するのに助けが必要です。

分類Dev

このJavaコードを理解するのに助けが必要です

分類Dev

C#を学び、このコードを理解するのに助けが必要

分類Dev

このコードを完成させるのに少し助けが必要です

分類Dev

このCコード(配列)を理解するのに助けが必要

分類Dev

forループの動作を理解するのに助けが必要

分類Dev

Pythonコードに制御されたループを追加するのに助けが必要

分類Dev

このコードがReactJSを使用してredditAPIからデータにアクセスする方法を理解するのに助けが必要です

分類Dev

角度のあるUIルーターコードをチェックするのに助けが必要

分類Dev

JavaScriptのforループは中括弧なしでどのように動作しますか?次のコードを理解するために助けが必要です

分類Dev

このコードをクラスコンポーネントからの関数フックに変換するのに助けが必要(React)

分類Dev

(c ++)私のクラスPolynomialのoperator +をオーバーロードするのに助けが必要

分類Dev

コードを理解するのに助けが必要

分類Dev

Perlコードを理解するのに助けが必要

分類Dev

レコードを表示するのに助けが必要

分類Dev

Pythonコードを理解するのに助けが必要

分類Dev

スクロールで別のdiv内のトップバーを修正するのに助けが必要

分類Dev

Python スクリプト - このwhileループを理解するのに助けが必要です

分類Dev

TSコードのラベルのテキストを変更するのに助けが必要

分類Dev

このコードについて助けが必要です

分類Dev

C ++ 11移動コンストラクターを理解するのに助けが必要

分類Dev

スケールを理解するのに助けが必要

分類Dev

Perlの「アンパック」コードをPythonコードに変換するのに助けが必要です

分類Dev

私のコードを短くするのに助けが必要です!! (ここのNoob)

分類Dev

このRESTAPICurlコマンドをPythonリクエストに変換するのに助けが必要です

Related 関連記事

  1. 1

    forループc ++の「コロン」と「自動」?構文を理解するのに助けが必要

  2. 2

    このコードを理解するのに助けが必要

  3. 3

    このコードを理解するのに助けが必要

  4. 4

    このCコードの機能を理解するのに助けが必要

  5. 5

    このコードをCで解決するのに助けが必要です。

  6. 6

    このJavaコードを理解するのに助けが必要です

  7. 7

    C#を学び、このコードを理解するのに助けが必要

  8. 8

    このコードを完成させるのに少し助けが必要です

  9. 9

    このCコード(配列)を理解するのに助けが必要

  10. 10

    forループの動作を理解するのに助けが必要

  11. 11

    Pythonコードに制御されたループを追加するのに助けが必要

  12. 12

    このコードがReactJSを使用してredditAPIからデータにアクセスする方法を理解するのに助けが必要です

  13. 13

    角度のあるUIルーターコードをチェックするのに助けが必要

  14. 14

    JavaScriptのforループは中括弧なしでどのように動作しますか?次のコードを理解するために助けが必要です

  15. 15

    このコードをクラスコンポーネントからの関数フックに変換するのに助けが必要(React)

  16. 16

    (c ++)私のクラスPolynomialのoperator +をオーバーロードするのに助けが必要

  17. 17

    コードを理解するのに助けが必要

  18. 18

    Perlコードを理解するのに助けが必要

  19. 19

    レコードを表示するのに助けが必要

  20. 20

    Pythonコードを理解するのに助けが必要

  21. 21

    スクロールで別のdiv内のトップバーを修正するのに助けが必要

  22. 22

    Python スクリプト - このwhileループを理解するのに助けが必要です

  23. 23

    TSコードのラベルのテキストを変更するのに助けが必要

  24. 24

    このコードについて助けが必要です

  25. 25

    C ++ 11移動コンストラクターを理解するのに助けが必要

  26. 26

    スケールを理解するのに助けが必要

  27. 27

    Perlの「アンパック」コードをPythonコードに変換するのに助けが必要です

  28. 28

    私のコードを短くするのに助けが必要です!! (ここのNoob)

  29. 29

    このRESTAPICurlコマンドをPythonリクエストに変換するのに助けが必要です

ホットタグ

アーカイブ