問題タブ [parallax]

http://www.devbridge.com/projects/autocomplete/jquery/

左側のサイドバーは、最初はページの下部に印刷されますが、スクロールすると、ビューポートの上部を超えて消えるのではなく、上部に移動して留まります。私はこれをたくさん見てきました。

私は私たちの会社のためにブログを立ち上げようとしていて、Wordpressの道を行くことにしました。私は、標準のテーマを完全に変更して、必要なものすべてを網羅できるようにすることに着手しました。ブログはここhttp://limsomniacs.limsomnium.comで見つけることができます。ブログには最初の投稿しかなく、まだ派手なものは何もありません。

視差.jsを使用して、インクスプラッタを使用して被写界深度効果を作成したかったので、カラフルなインクスプラッタの遠くのぼやけた画像から始めました。

驚いたことに、ワードプレスのラップdiv内にdivを追加したとき、それはコンテンツdivだけと重なっているようです。つまり、誰もテキストを選択したり、[その他]ボタンを押して投稿を完全な長さに拡張したりすることはできません...

Parallax.jsはposition：fixedの使用を要求しているため、それが問題であるかどうかを確認しようとしましたが、それは残っています。

cssを使用したZ-indexプロパティも完全に役に立たない...

どこにでも挿入してから、実際の.jsをいじり始めていません。

それは単にすべてのコンテンツ分割を克服してオーバーラップします...

誰かが私を助けることができますか？たぶんあなたはそれが以前に起こったのを見たことがあるでしょう、本当に助けていただければ幸いです。

前もって感謝します

ジョン

自分が開発しているウェブサイトに視差を導入したいのですが、レベルは非常に低いです。私はたくさんのチュートリアルを試しましたが、それらはすべて、複数のフルウィンドウの背景を持つWebサイトを対象としているようです。

基本的に私が持っているのは、サイト全体に静的な背景を持つ3列のページです。真ん中の列（たまたま画像）を、左と右の列よりも少し遅くスクロールさせたいです。

これを行うための最良かつ最も簡単な方法に関するヒントはありますか？

前もって感謝します ：）

親のdivと同じ速度でテキストをスクロールさせようとしています（1/10の速度でスクロールしています）。現在、通常の速度でスクロールしています。私は間違って何をしていますか？

HTML：

CSS：

JS：

水平視差のこの素晴らしい例を見つけました http://www.perandersen.no/sandbox/parallax/ 唯一の変更は、画面の左側ではなく右端から開始することですが、作業できませんそれを行う方法がある場合

これが使用されるJquery関数です

誰も私がそれを達成する方法を知っていますか?

どうもありがとう、

iPad の視差効果に問題があります。完全に機能させる必要はありません。右にスクロールしないことはわかっていますが、何らかの理由で、すべての背景がオフになっており、固定された位置が正しく設定されていません。 . また、いくつかの時点で、私の位置が固定されたナビゲーションで、リンクをクリックできませんが、z-index は十分に高くなっています。

背景に固定された位置を取り出すと、すべてが表示されますが、右に大きなギャップがあり、左にずれすぎています。どこが間違っていますか？これは、この効果に対する私の最初の試みです。IE 7 + Chrome および Firefox で問題なく動作しました。

リンクはこちら: http://inrekor.awcbits.com/

メニューでこの効果を実現しようとしています: http://www.tokiolab.it/

スライドをスクロールしながら色を変更できるようにしたい。

これは私がこれまでに持っているものです: http://tinyurl.com/6uqdjmq

しかし、オーバーラップは非常にうまく機能しているため、メニューが互いに重なっています。私はそれを望んでいません。

解決策はありますか？

ありがとう、

ゲームで 4 つの異なる視差背景を揃えようとしています。これらは、スペース シューターのような無限のタイリング背景ではなく、画面全体を埋め尽くすわけではありません。それらは地面に沿って走る並木です。

私の画像は左下に配置されており、それらをすべて地形の最下点に揃えようとしています。

次の情報があります: すべてを整列させたいマップ上の最低点 (300 です)。背景の視差/スクロール係数。背景の高さ。

私はもう試した：

ここで明らかに何かが欠けています。

基本的に、視差係数と地形の最低点に基づいて、背景タイルの登録点を配置する場所を計算しようとしています。

アイデア？

私はパララックスのウェブサイトに取り組んでいます。視差は、すべてが背景画像 (さまざまな速度で移動する画像) であることに依存しています。

画像にせずにテキストも制御する方法はありますか? コントロールとは、視差画像が動いている間に固定するということですか？位置を固定しないと、デフォルトのページ速度 (視差よりも速い) で画像を通過するだけです。

私は position:fixed と z-index で遊んでいます - これはある程度機能します: http://jsfiddle.net/bf8Zh/1/。問題は、ページを下に行くほどすべてが少しうまくいかないことです-重複など

上記の jsfiddle は、position:fixed/z-index を使用して問題を回避する例です。

CSS の例:

これが不可能だとあなたが言う前に、私はそれが可能であることを知っています。例を次に示します: http://victoriabeckham.landrover.com/INT

主な問題は、iOS がスクロール時に DOM 操作をフリーズさせることです。この問題を解決するには、何らかの手法を使用する必要があります。私が使用したいと思っていた視差プラグインは stellar.js ですが、私が直面している問題は、そのプラグインの「iOS デモ」がデスクトップで実際に使用できないことです。今朝 3 時間いじりましたが、iOS とデスクトップの両方で正しく動作するセットアップを取得できませんでした。

両方で同じように動作するようにstellar.jsを構成するテクニック(それが可能かどうかはわかりません)、または両方で動作する別のライブラリ、または回避策をプログラムする方法についての洞察が必要です。自分。

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