Lorsque le document est plus long que l'écran de l'ordinateur, le navigateur ne peut en visualiser qu'une partie, ce qui équivaut à un viseur. La distance entre ce cadre et le haut du document est scrollTop

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

$(document).scrollTop() renvoie la hauteur de la page Web actuelle lorsqu'elle défile ;
$('#js_productWrap').offset().top renvoie la hauteur de l'élément cible à partir du haut du document