1

私のページには次の要素があります。

<div id="banner" class="disappear">Hello</div>

この要素のCSSは次のとおりです。

#banner {position:fixed;}
.disappear {opacity:0;}
.appear {opacity:1;}`

ページが特定のポイントにスクロールしたときにjQueryを使用してクラスをからに変更し、次にページが元の位置に戻った.disappearときにクラスを変更する方法を知りたいです。.appear.disappear

4

2 に答える 2

4

jQueryウェイポイントを確認してください。

このプラグインを使用すると、次のようなことができます。

<div id="banner">Hello</div>

そしてあなたのjQuery：

$("#banner").waypoint(function(){
    $(this).fadeIn(750);
},{
    offset: 'bottom-in-view'
});
于 2011-11-28T03:09:27.210 に答える
1

私は完全に機能する例を作成しませんでした。$(window).scroll(function(){ただし、ウィンドウがスクロールするたびにを実行する必要があります。$(window).scrollTop()次に、その関数で、ユーザーがどれだけスクロールしたか を確認する必要があります。

http://jsfiddle.net/s8dhy/

次に、その値に基づいて、クラスまたはfadeInおよびを追加および削除しますfadeOut。タイトルには「フェード」が必要であると書かれています。その場合は、とを使用fadeInしfadeOutます。クラスを追加および削除するだけの場合は、とを使用addClassしremoveClassます。

于 2011-11-28T03:06:50.647 に答える