問題タブ [parallax]
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 - jQuery 視差効果の問題
体の背景の jQuery 視差効果に問題があります。コードは次のとおりです。
このコードは素晴らしいですが、ロゴとナビゲーションメニューを含む I ヘッダーを追加した後、背景の一部が閉じられたため、今では十分に見えません。ここにもリンクがありますhttp://layot.prestatrend.com/ちなみに私のヘッダーの高さは129pxです。background-position +129px を作成する必要があるようですが、javascript で適切に動作させる方法がわかりません。何か助けてください。
jquery - Scrolling Parallax jQueryプラグインを使用している間、画像のアスペクト比をそのまま維持する
Scrolling Parallax jQueryプラグインを使用して、このサイトの「背景」画像(実際にはcssのbackground-imageではありません)をスクロールしています。
画像のアスペクト比を維持することは可能ですか?つまり、画像を押しつぶさずに、最新のすべてのブラウザで機能させることはできますか?
bgHeight : 'auto'
画像のcssをに設定するように設定しようとしましheight:auto
たが、これによりChromeとSafariでのスクロール効果が機能しなくなります。
設定もしてみbgWidth : 'auto'
ましたが、ブラウザのウィンドウより画像が狭くなっています。
また、他のプラグインまたはこの効果を実装する方法を開きます。つまり、背景画像をページコンテンツに対して異なる速度でスクロールさせ、画像全体を表示しますが、それを超えてスクロールしないようにします...
助けてくれてありがとう!
background - スクロールビューア Windows Metro の背景を修正 (視差なし)
テクスチャを背景としてスクロールビューアに追加しようとしています。コンテンツに合わせて背景を動かしたいのですが、固定したいです。視差効果を使わない...
これまでのところ、私が持っているものは次のとおりです。
コードビハインド:
イベント リスナー (UpdateBackgroundImagePosition) でわかるように、HorizontalOffset を 2 倍にして、背景をコンテンツで固定する必要がありました。しかし、スクローラーのコンテンツを移動しているとき、背景はコンテンツの位置に固定されておらず、少し異なって動き、少し遅くなり、アニメーションを正しい位置で終了します。
それを取得する方法、またはデフォルトでウィンドウが視差背景を使用するように「強制」されているかどうかについての提案はありますか?
ありがとう、
jquery - Parallax Scrolling in both directions
I'm trying to create parallax scrolling site with help of Scrollorama But I want to use non typical animation. This animation should go from top to bottom, then stops at the middle of the page and going back( from the middle to top ). Scrollorama author said that this type of animation doesn't support by scrollorama, neither his new plugin SuperScrollorama. Maybe someone could suggest me another plugin that have this feature.
jquery - 画像の位置に基づく視差効果
私はまだ、3 つのレベルに基づいたクライアント向けの Parallax Web サイトに取り組んでいます。3 番目の最上位レベルに追加できないという問題が発生しました。
サイト自体には、一定の速度でスクロールする全画面の背景があります。ゆっくりとスクロールする非常に長い縦長の画像です。その上に、標準速度でスクロールするコンテンツがあります。
3 番目のレベルは単に位置です。特定のコンテンツ領域の上に位置する絶対的なグラフィックです。基本的に浮遊画像。
私が抱えている問題は、私が試した視差プラグインの大部分では、フローティングの第 3 レベルの画像の背後に消えるものが何もないことです。つまり、変更するとすぐに画面サイズに基づいて設定できますが、目に見えない線の後ろに消えてしまいます。
これを防ぐために使用できるプラグインまたは方法はありますか? したがって、基本的には、視差効果が機能していない場合に画像が存在する位置を設定したいと考えており、その点で視差が発生します。
javascript - HBO はどの視差ライブラリを使用していますか?
http://www.hbogo.com/product-tour/
(縮小された) コードから、jQuery.fn.parallaxing で拡張する jQuery プラグインを使用していることがわかりますが、.parallaxing を使用する github プロジェクトを見つけることができません。
使用しているプラグインを知っている人はいますか? それとも独自のものですか?それは信じられないほどスムーズで、スクロールバーにアタッチするようなものを再現しようとする私の試みはすべてブラウザをクロールさせたので、私はそれらの違いを理解しようとしています.
javascript - JavaScript 関数の整列を停止し、一度に 1 つの関数を許可します
http://www.adamdodds.co.uk/blue-leafscrollTo
からわかるように、私は視差と をいじっています。タイムラインをクリックすると、すべて実行されますが、最後に実行中にいくつかのものをクリックすると、すべて実行されます。キューに入れずに 1 つの関数を実行できるようにするにはどうすればよいですか?
html - ホバー スクロール Div パララックス
このサイトのホームページを作り直そうとしています... http://spooz-creation.com/
ユーザー ウィンドウ (青) で、他の div (黄色) を含む大きな div (緑) を左右にスライドさせたい。ロードすると、サンプル サイトのようにコンテンツ div (緑) がユーザー ウィンドウの中央に配置されます。nav 要素を含む静的ヘッダー (ピンク) もあります。
サンプルサイトのように、スクロールをホバーでアクティブにしたいです。また、ユーザーのウィンドウの高さに基づいて、コンテンツ giv (緑) の高さを柔軟にしたいと考えています。
すべての上に視差効果を追加すると、壮大になりますが、複雑になると完全には必要ありません.
!!!!! (ワイヤーフレームの例) !!!!! http://lpaoriginal.files.wordpress.com/2012/07/desktop.jpg
助けてください!私はこれを理解するために何日も努力してきました!
css - CSS3 スライダー - レスポンシブ スライドショーの相対 div 内の絶対配置
http://tympanus.net/codrops/2012/03/15/parallax-content-slider-with-css3-and-jquery/から取得したいくつかの CSS コードを変更しています。視差CSS3スライダーです。
私はほとんどすべてを試しましたが、私の問題は、ブラウザーで固定された最大幅でスライド div (da.slide) を中央に配置できないことです。最大幅は 970px で、ブラウザのサイズが変更されると縮小されます。使用margin: 0 auto
してみleft:50%
ましたが、まだ機能しています-左側にぶら下がっています。
考えられる問題は、スライダー div の配置だと思います。絶対から相対に変更すると、最初のスライドでは機能しますが、残りのスライドは消えたり、互いの下にスライドしたりします。スライド div を中央に配置する可能性はありますか?
CSS3コードは次のとおりです。
HTML は次のとおりです。
どんな助けでも大歓迎です!
javascript - ナビゲーションのみによる視差「スクロール」
私はまだJavascript/Jquery / HTML5 / CSS3に慣れていないので、経験豊富なプログラマーの皆さんに質問したいと思いました。
私は自分のプログラムロジックの最初でちょっと立ち往生しています。視差「スクロール」効果のあるウェブサイトを作りたいのですが、効果はユーザーが画面の端にあるナビゲーションボタンをクリックしたときにのみ発生するはずです。
ウェブサイトのレイアウトは次のようになります。
「O」はコンテンツdiv、「X」は「ホームページ」ページ(起点)です。ユーザーが画面上部の矢印をクリックすると(原点から)、ページが上にスクロールします。他の方向についても同じことが言えます。視差効果を使用して、「スクロール」する特定のコンテンツdivに基づいて位置をシフトする、背景にある施設の1枚の巨大な写真が必要です。
私はこれからどこから始めればよいかを考えようとして2日間頭を悩ませてきました。何か助けていただければ幸いです。何か具体的にする必要がある場合はお知らせください。ありがとうございました!