ホームページ >ウェブフロントエンド >jsチュートリアル >HTMLページがスクロールされたときにページの上部からの距離を取得する2つの方法_javascriptスキル
HTMLページがスクロールされたときにページの上部からの距離を取得する2つの方法_javascriptスキル
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
- 2016-05-16 17:23:181315ブラウズ
方法 1: DOM
< スクリプト>
window.onscroll = function() {
console.info(window.scrollY)
onscroll イベント、コンソール (F12 キーを押す) で、現在のページとページの先頭の間の距離 (単位: ピクセル px) を出力します。
方法 2: jQuery
コードをコピー コードは次のとおりです:
< スクリプト>
window.onscroll = function() {
console.info(window.scrollY)
方法 2: jQuery
コードをコピー コードは次のとおりです:
$(function() {
$(window). scroll(function() {
console.info($(window).scrollTop());
})
});
のスクロールメソッドを呼び出します。 windowオブジェクトにスクロールイベントを登録し、windowオブジェクトのscrollTopメソッドを呼び出します。意味はscrollY属性と同じです。$(window). scroll(function() {
console.info($(window).scrollTop());
})
});
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。