javascript - $(document).scrollTop() dan $('#js_productWrap').offset().atas div tertentu

Question

Perbezaan antara $(document).scrollTop() dan $('#js_productWrap').offset().atas p

tertentu

Answer 1

Apabila dokumen lebih panjang daripada skrin komputer, penyemak imbas hanya boleh melihat sebahagian daripadanya, yang bersamaan dengan pemidang tilik Jarak dari bingkai ini ke bahagian atas dokumen ialah scrollTop

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

Answer 2

$(document).scrollTop() mengembalikan ketinggian halaman web semasa apabila ia ditatal;
$('#js_productWrap').offset().atas mengembalikan ketinggian elemen sasaran dari bahagian atas dokumen