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

Question

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

Answer 1

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

                 a document
         ^     +-----------+    ^
         |     |           |    |
         |     |           |    |scrollTop
         |     |           |    |
         |     |           |    |
offsetTop|     |  viewport |    |
         |  +-----------------+ v
         |  |  |           |  |
         v  |  +--+ #js_productWrap
            |  |  |        |  |
            |  +--+        |  |
            |  |           |  |
            +-----------------+
               |           |
               |           |
               |           |
               |           |
               |           |
               |           |
               |           |
               |           |
               |           |
               |           |
               |           |
               |           |
               |           |
               |           |
               |           |
               |           |
               |           |
               +-----------+

Answer 2

$(document).scrollTop()傳回目前網頁被捲起的高度；
$('#js_productWrap').offset().top回傳的是目標元素距離文件頂部的高度