問題タブ [skrollr]

私は最近、デスクトップでは期待どおりに動作するが iOS ではまったく動作しない skrollr を使用して Web サイトを構築しました。

iOS では、Web サイトの読み込みが開始され、一部のコンテンツが表示された後、メニューのみが上部に表示されたまま空白の白いページに変わります。

iOS で再び動作させることができた唯一の方法は、セクションの削除を開始することでした。問題のあるセクションを消去法で解決しようと思ったのですが、一部を削除する限り、どのセクションを削除してもかまわないことがわかりました。

私はいくつかの異なるプロジェクトで skrollr を使用しましたが、これが他の場所で発生するのを見たことがなく、掘り下げても困惑しました。

ウェブサイトはこちらです。誰かが洞察を持っているなら、それは大歓迎です

transform:translating でスクロールする固定位置ベースのフルスクリーン パネルを使用して skrollr で非常にシンプルな Web サイトを構築し、ナビゲーション バーを追加したいと考えています。このタイプのセットアップに skrollr-menu を使用できないというのは正しいですか?

クリック イベントで animateTo を使用して特定のパネルをナビゲートすることは可能ですか? たとえば、ページ 2 に移動するには、100p でアニメーション化するボタンを作成できますか?

ありがとう。

ウィンドウの高さに基づく定数を使用しているため、ユーザーがブラウザのサイズを変更すると、高さが変わる可能性があります。ウィンドウのサイズが変更されたときに、ブラウザの高さを再計算したいのは明らかです。これは私が現在持っているものですが、機能していないようです：

ページのサイズ変更で resize_articles 関数を呼び出そうとしましたが、見回しているときに別のスニペットを見つけましたが、どちらも正しく機能していないようです。私はそれを間違って設定しましたか？

私は skrollr を使用して、Web サイトでいくつかの目標 (視差のような背景、要素の不透明度の変更など) を達成していますが、デスクトップとモバイルの両方で問題なく動作しています。

私が気付いた唯一の問題は、モバイル OS ブラウザーがツールバーを隠していないことです。skrollr を無効にすると、問題ありません。ページのスクロールを開始すると、ツールバーはすぐに表示されなくなります。skrollr が使用されている場合、ツールバーは常に表示されたままになります。

skrollr を使用しながら、通常のブラウザの動作を維持する方法はありますか?

問題の理解に役立つ追加情報があればお知らせください。

ありがとうございました

背景画像に単純な視差効果を作成するために skrollr.js を使用しています。幅 100%、高さ 100% のセクションが 3 つあります。次に、スクロールされた500ピクセルの間、最初のbg位置を移動しています。問題は、それを行うときに不要な空白が発生することです.bgの位置を変更したためにそこにあると思います。

問題の例へのリンクは次のとおりです。このエフェクトのコードは次のとおりです。

Totalsportsus.com/wordpressに楽しいパララックス サイトがありますが、skrollr を ipad mini でうまく動作させることができないようです。ページを下にスクロールしているときを除いて、それは機能的です。フッターも欠落しており、関連している可能性があります。どんな助けでも大歓迎です！

スクロールを使用して、いくつかの画像の不透明度と視差位置のプロパティをアニメーション化しようとしています。

不透明度は img タグと div タグで問題なく機能しますが、position プロパティは機能しません。

img タグと div タグに background-position プロパティを適用しようとしましたが、うまくいきません。

私は何を間違っていますか？

http://jsfiddle.net/Eq87X/3/

ありがとう