この記事では、JSによるScrollbarイベントを使用する方法について説明します。参照のためにそれを共有してください。特定の分析は次のとおりです。
Scrollbarイベントを監視する方法は以前に疑問に思っていましたが、今日はついに少し理解しています。
次のコードは、移動する限りスクロールバーを聴くことであり、下のDivが上部に戻ってコードを表示して非表示にします。
window.onscroll = function(){var t = document.documentelement.scrolltop || document.body.scrolltop; if(t> 0){$( "。cbbfixed")。css( "bottom"、 "10px"); } else {$( "。cbbfixed")。css( "bottom"、 "-85px"); }}注記:
T:スクロールバーから上端までの距離
t> 0、つまり、スクロールバーがスクロールされると、if()ステートメントがすぐに実行されます。 Else()のコードは、スクロールバーが上部に到達すると、上部のDivが隠されていることです。
上部ボタンのクリック操作に戻ります:
$( "#cgotop")。クリック(function(){$( 'body、html')。animate({scrolltop:0}、100); return false;});補充:
1.特定の要素の巻物棒イベントを聞く
$(selector).scroll(function(){......});2。スクロールの距離を取得します
$(selector).scrolltop(); $(selector).scrolllefft();
PS:ここでは、JSイベントに関するオンラインクエリツールをお勧めします。これは、一般的に使用されるイベントタイプとJSの関数関数を要約しています。
JavaScriptイベントと機能の完全なリスト:
http://tools.vevb.com/table/javascript_event
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。