javascript - $(document).scrollTop()與某個div的$(’#js_productWrap’).offset().top

問題描述

$(document).scrollTop()與某個p的$(’#js_productWrap’).offset().top區別

問題解答

文檔比電腦屏幕還要長的時候，瀏覽器就只能看一部分，相當于一個取景框，這個框到這個文檔頂端的距離為 scrollTop

a document ^ +-----------+ ^ | | | | | | | |scrollTop | | | | | | | |offsetTop| | viewport | | | +-----------------+ v | | | | | v | +--+ #js_productWrap | | || | | +--+| | | | | | +-----------------+ | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | +-----------+回答2：

$(document).scrollTop()返回當前網頁被卷起的高度；$(’#js_productWrap’).offset().top返回的是目標元素距離文檔頂部的高度