問題タブ [skrollr]

私はWeb開発にかなり慣れていないので、これが明らかな場合はご容赦ください。Chrome と Mozilla で見栄えの良いサイトを作成しましたが、IE バージョンを他のバージョンと同じ速度/高さでスクロールできないようです。高さを 6000 ピクセルと宣言していますが、1700 ピクセルまでしかスクロールできません。見たい場合は、コンソールに出力します。

見てみましょう：http: //nick-barth.com/lindylongcon/

私の無数の間違いに気づいたら、遠慮なく言ってください！

ありがとう、ニック・バース

github の skrollr の pausing.html の例には、ドキュメントではまったく説明されていないコードがあります。例えば：

data-100p 属性とは何ですか? ドキュメントには記載されていません

また、 data-_box-100p="" は、それが何を制御しているのかわかりません...一時停止？唯一の html コメントでは、一時停止の期間が定数の「ボックス」によって設定されていることを意味します。これは data-_box には意味がありますが、残りの属性はわかりません (100p="" と

アニメーションのためにそれぞれ一時停止するいくつかのセクションをスタックしようとしていますが、skrollr の一時停止機能の制御に関連するロジックに問題があります。

しばらくの間、coda スライダーにラップされた視差 skrollr に取り組んできましたが、トランジションに問題があることがわかりました。skrollr boddy の要素をスクロールするたびに、ちらつきとジャンプが発生します。私はすべてのスレッドを読み、これについて投稿しましたが、それを修正する方法についての明確な答えはありません。私は本当に途方に暮れています。

私は要素に絶対位置を使用してきましたが、skrollr本体も絶対位置にしましたが、うまくいきませんでした。

フレーム間のトゥイーンも非常に邪魔だったので、スムーズスクロールを false に設定しました。

誰かがこの問題を抱えていますか？

現在のサイトへのリンクは次のとおり です。

私の例がこのように見えるのに、なぜ私が見た例が滑らかでシームレスであるかを誰かが教えてくれれば、とても感謝しています。

Skrollr という Javascript プラグインを使用して、下にスクロールするときにページ上の要素の位置を変更しています。私が直面している問題は、top位置を変更すると、要素が Safari と Firefox で非常にぎくしゃくするが、IE 8 ではうまく機能することです。切り替えると、明らかにサポートされていないtransform:translate(x,y)IE 8 以外のすべてでうまく機能します。transform. 私が考えているのはtop、誰かが IE8 を使用しているときに、Skrollr 属性を切り替えることです。

基本的には変えたいのですが…

これに..

これらのプロパティを javascript/jquery で変更する方法はありますか? それとも、私が取るべき他の方向性がより良いかもしれませんか? 私は IE の条件付きコメントでこれを実行しようとしましたが、それは巨大な混乱であり、とにかく IE8 以外のブラウザーでは機能しませんでした。

skrollr.js を使い始めたばかりです。特定の時点でdivを保持/一時停止しようとしています。 主なガイドとしてhttps://github.com/Prinzhorn/skrollr/blob/master/examples/pausing.htmlとhttp://prinzhorn.github.io/skrollr/examples/pausing.htmlを使用します。

リンクしたコードから、フッターに設定された定数にトランジションの長さが含まれていることがわかりますが、変数を別のもの (boxY など) に変更しようとしてもうまくいきませんでした。すべてのボックス変数を boxY に変更しましたが、機能しません。したがって、ここでどの変数が何をするのかわかりません。それが何をするのかを実験しようとしています。

他のコードで一時停止を再現しようとしています。

これがあまり明確でない場合は申し訳ありません。

私が学ぼうとしている主なことは、要素を所定の位置に保つ方法です。この良い例: milanart.in/philosophy

skrollr を使用するのは初めてなので、ここ数時間、それを理解するために多くのことを試してきました。

建物の 3D 画像を表示する予定で、スクロールすると建物が 360 度回転します。現在、例として車を使用しています。大きな背景画像で、現在の場所に応じて背景の位置を変更しています。ここに私のコードのスニペットがあります:

これは正しく機能しています！

ただし、これは他のコンテンツで満たされた長いページになります。私がやりたいのは、ページが回転するときに建物がページに固定されるようにすることです。位置修正を使用してみましたが、他のすべてのコンテンツが引っ張られるので、少しおかしいようです。

どうすればこれを行うことができますか？

私は他のウェブサイトがそれを達成している例を見てきました.コードを調べてそれがどのように行われたかを調べてみましたが、それを見つけることができないようです.

どんな助けでも大歓迎です！

編集** これは私が最終的に得たものです：

「ラップ」の位置を修正し、非表示に設定してから、定数を使用してビューポートに入ったら表示しました。