問題タブ [skrollr]

こんにちは、sckrollr を理解しようとしていますが、相対的な使用に失敗しているようです。取得しようとしているのは次のとおりです。

• 内部にいくつかの要素が入った X 個のボックスがある
• その要素のアンカーがビューポートのアンカーに到達すると、何かが行われます

上記のコードを持っていて、skrollr が 2 番目の .text 要素のアニメーションを実行して、ページのスクロールを開始することがわかりません。要素のアンカーがビューポートのアンカーに到達したときにのみアニメーションを作成するべきではありませんか?

わからない

まず、このような驚くべき強力なライブラリを提供してくれた @prinzhorn に感謝します。私の質問: Web サイトのヘッダーに Skrollr 視差背景を実装しましたが、モバイル デバイス、特に iPhone などで表示するときにこの機能を無効にしたいと考えています。(最大幅: 767px)。これを行うにはどうすればよいでしょうか? そして、 destroy() 関数がこれを行うことができた場合、または別の手法を使用する必要がありますか? また、destroy() が答えの場合、どうすればこれを正しく実装できますか? 多くの感謝と例またはデモは大歓迎です。

Skrollr に問題があります。要素に 3 つの状態を定義したいと考えています。例えば：

私が見たところ、開始と終了しか定義できないため、アニメーションを元に戻すことはできませんよね?

どうもありがとう！

Skrollr を使用して、作成中の Web サイトで素敵な視差効果を作成しています。最初の 2 つの div は正常に動作していますが、下部では Skrollr が正しく動作していません。

サイトの上部にいるときに何かが作成されていることがわかります。そのため、下にスクロールすると、div は既に下部にあります。

誰でも見て、私がここで欠けているものを見てもらえますか? 私はおそらくすぐに髪を引っ張り始めます:)

リンクはhttp://crap.futuredev.se/gd/です

前もって感謝します！

過去3日間以来、skrollrの問題に頭を悩ませていて、下までスクロールしたときにskrollrプラグインを停止したいというマーケティングの仕掛けだと思った馬鹿がいます。上にスクロールしている間は何もしないでください。つまり、アニメーションを逆にするべきではありません

これは私のフィドルです

http://jsfiddle.net/eq3u9/1/

ウェイポイントjsもこのプロジェクトに統合したことを知っているだけです

skrollrを使用して単純な視差アニメーションを作成しようとしています。私のサイトは Chrome/Mac では正常に動作していますが、iPad では異常な動作が見られます。

ipad (IOS シミュレーターでのテスト) では、

• ページの本体はまったくスクロールしません (または、アニメーション化された div の下のバックグラウンドでスクロールすることがありますか?)
• data-startアニメーション化された背景位置 (折り紙パターン) は、 /で定義された境界内で反対方向 (下が上) にスクロールします。data-top-bottom

デスクトップでは、 Chrome 開発ツールをハックするdiv#heroと効果をシミュレートできます。position: fixed;

• skrollrの例は、IOS シミュレーターで期待どおりに機能します。
• 終了タグ<div id="skrollr-body"></div>の直前にある</body>

助言がありますか？

skrollrを使用して iOS 用の視差 Web サイトを作成しました。プログラムでページ上のポイントまでスクロールしたいと思います。jquery スクロール プラグインを使用しましたが、デスクトップでは動作しますが、モバイルでは動作しません。スワイプアップをシミュレートしたり、jQuery を使用して別のポイントへのスクロールをシミュレートしたりするにはどうすればよいですか? ありがとう！

編集: これが機能しない理由は、モバイルでは、iOS がスクロール中にアニメーションを停止するため、skrollr が実際にはスクロールしないためです。代わりに、タッチ イベントをリッスンして要素を移動します。これが、scrollTo プラグインが機能しない理由です。(出典: https://github.com/Prinzhorn/skrollr#mobile-support )