parallax

0熱

1答えて

私のウェブサイトには基本的な視差効果があります。しかし、それはかなり不安定で、なぜ私は不明です。私のコードは以下の通りです。 function parallax(){ var $parallax = $('.parallax'); var $scrollPos = window.scrollY; $parallax.css('transform', 'transla

0熱

1答えて

CSSの視差の背景

私は現在https://dev.shivampaw.com/meを開発しており、視差のある背景を作るべき「視差-bg」というクラスがあります。私の連絡先（セクション）は下部にありますが、私のヒーロー（上部）とテクスチャ（中）ではうまく動作していません。これは私が使用していますjQueryのです： $(window).scroll(function() { var scrolledY

1熱

1答えて

視差エフェクトが効かない

画像がコンテナ要素に収まるようにしたいが、私のコードでは画像の半分だけが表示され、視差効果は必要ない。誰もが完全なイメージを表示していない理由を説明することはできますか？ <header> <div class="top_nav"> </div> </header> <div class="container"> <div id="short-des">

0熱

1答えて

jqueryを使用しない視差フェード

私は視差スクロールでウェブサイトを作ろうとしています。私は基本的なコードを持っていますが、次の画像にスクロールしてスクリーンに来るとフェードインすると画像が消えてしまいます。私は純粋なHTMLとCSSを使用していますが、プラグインはありません。私はこれをどのようにするべきですか？ここに私のコードは次のとおりです。 #divname { background-image: url('h

-1熱

1答えて

視差効果

私が正式な定義から理解するように、視差効果は、一部の画像が他の画像とは異なる速度で移動し、ゆっくり動くものが比較的速いものの後ろにあるという錯覚を作り出すときに起こります。そして、バックグラウンドがコンテンツよりも速いペースで動くこれらの種類のWebページがあります。しかし、視差効果の例としては、背景画像がbackground-position:fixedのページもあります。（例：http://

0熱

2答えて

JS視差複数の要素の位置

視差効果を使用する3つの要素がありますが、上から正しい場所（セクション）に画像を配置するために、それぞれの位置を変更する必要があります。私は "paddTop"の値を変更するためにいくつかの "if"を試しましたが、最後の視差のみが働いています。ここに私のコードは次のとおり（関数（）{ var parallax = document.querySelectorAll(".paralax, .pa

1熱

1答えて

CSSがオーバーフローしても視差画像があふれてしまう

視差効果を使用しているプロジェクトがあります。私のコードは正確にそのプロジェクトでは、このようなものです： $(window).scroll(function(){ var wScroll = $(this).scrollTop(); $('.flying-man').css({'transform':'translateY(-'+ (wScroll- $('.flying-ma

-2熱

1答えて

視差htmlとcssエラー

私はコーディングには新しいですが、視差画像を使って簡単なホームページを作成することはできません。私が今覚えることができるより多くの時間を行うさまざまな方法を試してみて、どれも働いていないようです。誰かが私の気付いていないコードでエラーを見ることができますか？ html { box-sizing: border-box; } *, *:before, *:aft

10熱

2答えて

jelleryを使ってstellar.jsを使用するUncaught TypeError 3.1.1

1つのページで、視差スクロールエフェクトのjQuery 3.1.1とstellar.jsのみを使用していますが、$(window).stellar();としてこのエラーが発生します。： Uncaught TypeError: f.getClientRects is not a function (jquery-3.1.1.min.js:4) 多くの回答で示唆されているように、migrateプ