1. ホーム
  2. javascript

[解決済み] JQuery $.scrollTo() 関数でウィンドウをスクロールさせる方法

2022-12-04 07:53:43

質問

ユーザーがドキュメントの最上部に近づくたびに、100pxずつスクロールダウンさせようとしています。

ユーザーがドキュメントの最上部に近づいたときに関数を実行するようにしていますが、.scrollTo関数が動作していません。

実際に停止しているのが行かどうかを確認するために、後と前にアラートを設置したところ、最初のアラートだけが鳴りました、以下がそのコードです。

alert("starting");
$.scrollTo({ top: '+=100px', left: '+=0px' }, 800);
alert("finished");

他の多くのjquery関数も全体的に使っていて、すべて問題なく動作しているので、jqueryのページが正しくリンクされていることは分かっているのですが。また、上記から「px」を削除してみましたが、違いはないようです。

どのように解決するのですか?

うまくいかない場合は、jQueryのscrollTopメソッドを使用してみてはいかがでしょうか?

$("#id").scrollTop($("#id").scrollTop() + 100);

もし、スムーズにスクロールさせたいなら、基本的なjavascriptのsetTimeout/setInterval関数を使って、設定した時間内に1pxずつスクロールさせることができます。