問題タブ [skrollr]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - skrollr.min.js が初期化されていません
skrollr を初期化しようとすると、次のエラーが表示されます: TypeError: Argument 1 of Window.getComputedStyle is not an object. どうなり得るか？
skrollr - 複数の相対キーフレームでの Skroll の問題
Skrollrを使用していて、複数の相対キーフレームを設定しようとしています。これは現時点ではうまくいきません。
過去数日間、これについて頭を悩ませてきました。どんな助けでも大歓迎です！
jquery - Jqueryは、Skrollrを使用して要素に属性を追加します
HTMLファイルに配置すると、このコードが機能します。
しかし、Jquery を使用して属性を追加すると、機能しません。
HTML:
Jクエリ
このようなものの解決策はありますか?
javascript - Scrollr メニュー テキストを取得して、通常の太さから太字、さらに通常の onScroll に戻します
対応するコンテンツが画面に表示されている間、メニュー項目を太字に表示し、そのコンテンツがスクロールされた後に通常に戻ろうとしています。
これを行う方法をいくつか試しましたが、うまくいかないようです。適切なタイミングで太字にすることはできますが、属性を追加して通常に戻そうとすると、完全に機能しなくなります。私が使用しようとしている現在の方法は次のとおりです。
javascript - Skrollr パララックスが iOS および Android デバイスで機能しない
Skrollrライブラリを使用して Parallax Web サイトを構築していますが、モバイル デバイスで表示すると、さまざまな結果が得られます。iPhone では視差効果が働きますが、デスクトップで見た場合とは画像の位置がまったく異なります。
Android では、視差効果はまったく機能しません。
Skrollr の Web サイトからダウンロードしたサンプルはモバイルでも動作しないため、少し面倒ですが、メインの Skrollr の Web サイトは動作します。
モバイルでのサイトの動作を妨げる明らかな見落としはありますか?
URL の例
http://wickywills.com/testing/skrollr/simple-parallax.html
HTML
CSS
JS
javascript - Skrollr.js がアクティブにならない
過去 3 時間、skrollr に何かを見せようとしてきました! ヘッダーの本文の前にスクリプトを呼び出してみました。スクリプトを機能させるためにたくさんのチュートリアルを試しましたが、まったく機能しない理由がわかりません。
<head>私が持っている
@melc に従って、いくつかの変更を加えました。以下が主なものです。まだ運がありません。
そして、私の要約行（navのすぐ下のdiv）には
私の知る限り、これにより、h3 が上から 200 ピクセルになると、そのコンテナー内のコンテンツが消えるはずです。
私はそれをさまざまな方法で呼んでみましたが、まだ運がありません!
javascript - 背景の移動をSkrollrのテキストより遅くするにはどうすればよいですか?
ここの例のようにやったようですが、背景がテキストよりも速く移動します。私は何を間違えましたか？
私のHTML：
javascript - Skrollr: セクションを一時停止するにはどうすればよいですか?
Skrollr.js を使用してシーンで一時停止を作成するためのデータ属性について誰か説明してもらえますか? 小さなアニメーションを作成したいのですが、それを実現する方法がよくわかりません。プラグインは、次の一時停止までスクロールする前に、アニメーションが終了するのを待つだけですか?