[解決済み] 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ずつスクロールさせることができます。
関連
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] let "と "var "の使い分けは?
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] JSONPとは何か、なぜ作られたのか?
-
[解決済み] JavaScriptでページの一番上までスクロールする?
-
[解決済み] HTMLマークアップのどこに<script>タグを記述すればよいですか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み] コールバック地獄とは何か、RXはそれをどのように、そしてなぜ解決するのか?
-
[解決済み] これは純関数ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】jQuery ページ/iframe の最下部へのスクロール
-
[解決済み] なぜ "use strict "はパフォーマンスを10倍向上させるのか?
-
[解決済み] node.jsで文字列のsha1ハッシュを取得するにはどうすればよいですか?
-
[解決済み] JavaScriptのtoString()関数をオーバーライドして、デバッグ用に意味のある出力を提供することは可能でしょうか?
-
[解決済み] サブドメインにまたがってlocalStorageを使用する
-
[解決済み] TypeScriptプロジェクトで既存のC#クラス定義を再利用する方法
-
[解決済み] イテレータでmap()を使用する
-
[解決済み] 文字列とラベルのローカライズとグローバリゼーションのベストプラクティス【終了しました
-
[解決済み] Prototypeを使ってtextareaを自動サイズ調整するには?
-
[解決済み] JavaScriptデータフォーマット/プリティプリンタ