ウィンドウを下にスクロールするとスクロールする要素をウェブサイトに作成したいと思います。ほとんどの場合、これは固定位置を使用するいくつかの基本的な css で簡単に解決できることを私は知っています。問題は、常に画面上の同じスペースに表示したくないということです。残りのコンテンツから始まり、ページを下にスクロールすると一緒に移動するサイドバー要素にしたいと思います。例については、 http://www.demonoid.com/を参照してください(ページの右側の広告を参照してください)。おそらくかなり簡単な css または jquery ソリューションがあることは知っていますが、思いつきませんでした。助けてくれてありがとう。
ありがとう！
jQuery を使用して固定浮動要素を作成するための非常に優れたチュートリアルを次に示します。
ここにそれを作る方法があります。
position:sticky要素をフローティングさせるために使用します。
解説記事はこちら。
http://updates.html5rocks.com/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit
多分ただの
if($(window).scrollTop>300) {
$("#image").position().top($(window).scrollTop()-$(window).height());
}