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返回的是目标元素距离文档顶部的高度