4

この例の Web サイトで、このヘッダーで使用されている効果を実現したいと考えています。

http://anchorage-theme.pixelunion.net/

ページをスクロールすると、ヘッダーがビューから消えるまでゆっくりと上に移動します。これと同じ効果を達成したい。JS と CSS のポジショニングが必要になると思いますが、これを実現する方法はまだわかりません。これは視差スクロールで行われますか?

要素でこれを行うために使用されるコードの簡単な例を教えていただければ幸いです。これで、自分のサイトで使用できるようになります。

乾杯。

4

2 に答える 2

3

$（window）.scroll（function（）{...}）は、ここで必要なものです

$（document）.scrollTop（）は、上からスクロールした距離の量です

于 2012-07-03T07:39:56.693 に答える
0

これを使って：

$(window).scroll(function(){ 
  if ($(this).scrollTop() > x){  // x should be from where you want this to happen from top//
    //make CSS changes here
  } 
  else{
    //back to default styles

  }
});
于 2012-07-03T07:49:09.477 に答える