ユーザーインタラクションなしで、ある要素から次の要素への連続ループでスクロールするWebページを作成しようとしています。私は検索し、scrollToElementは私が探しているものです(実際にはthis answer on another postのフィドルは似ていますが、ユーザーとのやりとりがあります)。残念ながら、すべてがクリックによって行われるように見えるか、ループしません。私はJSにはかなり新しいですが、それは実行可能でなければならないと感じています。どんな助けもありがとうございます。scrollToElementに対するユーザーの操作がありません
1
A
答えて
1
ここでは、setInterval()
と$.animate()
を使ってセクションにスクロールするjQueryの簡単な例です。
var $sections = $('section'),
count = 1,
speed = 250,
delay = 2000;
var interval = setInterval(function() {
$('html, body').animate({
scrollTop: $sections.eq(count).offset().top
}, speed);
count = (count + 1) % $sections.length;
}, delay)
section {
height: 200vh;
background: red;
}
section:nth-child(2) {
background: blue;
}
section:nth-child(3) {
background: green;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section></section>
<section></section>
<section></section>
+0
ありがとうございます!魅力的な作品! – Acedrew
+0
@Acerew No sweat! –
2
関連する問題
- 1. nib-less iOSアプリにユーザーの操作がありません
- 2. PHPのポスト操作に関するアドバイスはありません
- 3. oauth 2.0どのフローがユーザーに最も適していて、ユーザーの操作はありませんか?
- 4. WCFメタデータに操作がありません
- 5. ボディーパラメーター 'width'。 GET操作には本体がありませんか?
- 6. 文字列操作コードには出力がありません
- 7. soapUIバージョンの問題:DispatchException:soapActionの操作がありません
- 8. WebSocket4Net System.InvalidOperationException:実行中の操作がありません
- 9. PlasticSCM "操作ビューの権限がありません"
- 10. ノーバデータベースに「ユーザー」テーブルがありません
- 11. クロススレッド操作が有効ではありませんVB.NET
- 12. javax.naming.NoPermissionException:ユーザー匿名に、参照操作を実行するためのJNDINAMEに対するアクセス権がありません。
- 13. ゾンビ対プロセスがありませんか?
- 14. ライブビデオ。 (#100)現在の操作を実行する権限がありません
- 15. AAD B2C - 操作を完了するための特権がありません
- 16. cv :: MATのピクセルを操作するだけで効果がありません
- 17. gitクローン - ユーザーが作成したコンテンツがありません
- 18. 特定のコントローラメソッドに対するHTTPリクエストがありません
- 19. Androidの操作がありますSQLite
- 20. この操作の特権はありません
- 21. スカラー副問合せに集計操作があります
- 22. ログイン後にユーザーにユーザーIDがありません
- 23. MVCフレームワークのViewクラスには属性/操作がありませんか?
- 24. SecurityError:操作が安全ではありません。ファイルをアップロードする
- 25. mongodbでプッシュ操作を実行する必要がありません
- 26. リストファイルに対応するファイルがありません
- 27. .mixin>に対応する構文がありません。*
- 28. Rails 4に対応するルートがありません
- 29. アクティビティまたはフラグメントに対するデータベース操作はありますか?
- 30. iPad - 画面上にアニメーション表示されているユーザーの操作はありません
あなたがしようとした私たちにあなたが何をしようとしての詳細を与えてきた何のマークアップを含めることはできますか?あなたはちょうどいくつかの要素にスクロールし、ループバックし、無限に何を繰り返すか? –
はい、私はちょうど、ページを読み込んで、ある要素からページを下にスクロールし、次に上にスクロールして、もう一度やり直すように設定された間隔を持つようにしています。これまでのところどこから始めたらいいかわからないので、あまり試していない。本当に、私は直接コードを探しているのではなく、どこから始めるべきかの指針です。 – Acedrew