背景画像をページよりも遅くスクロールさせるにはどうしたらいいですか？

私がここで探しているものの例：https://www.98point6.com/背景画像をページよりも遅くスクロールさせるにはどうしたらいいですか？

クリーンなjavascriptソリューションが動作しますか？これまで私が見つけたコードを実装することはできませんでした。

2017-10-23 Adam.V

$(document).ready(function() { $(window).scroll(function() { var wScroll = $(this).scrollTop(); $(elementyouwanttoscrollslower).css({ 'transform': 'translate(0px, '+ (wScroll/2)+'px)' });

}}、及び多くのソリューションが[GitHubの（上で利用可能であるhttps://github.com/search?l=JavaScript&langOverride=&q=視差＆repo =＆開始値= 1＆タイプ=リポジトリ）。 – Bill

[css-make-a-background-image-scroll-slow-than-everything-else]（https://stackoverflow.com/questions/29240028/css-make-a-background-image-scroll-slower-than -ほかのすべて） –

これを試してください。 wscrollはスクロールイベントの位置を取得し、それをcss translateプロパティに渡されたもので割ったものを使用して、より遅い速度で何かをスクロールします。効果のその種類は `parallax`呼ばれる

出典

2017-10-23 02:39:08

背景画像をページよりも遅くスクロールさせるにはどうしたらいいですか？

答えて

関連する問題