檢測身體滾動偏移

由於使用CSS視差，我需要將滾動行爲放在身體而不是HTML上。不過，我有一個使用JavaScript將頭文件添加到頭文件的問題。檢測身體滾動偏移

我需要能夠檢測到身體已經滾動，這工作正常，但我無法得到用戶滾動到的偏移量！

我已經試過各種在線的時候，例如：

$('body').scrollTop() 
document.body.scrollTop 
document.getElementsByTagName('body')[0].pageYOffset

無的，這是工作的，它總是返回！

編輯：

我不能修改任何HTML的除了什麼意見之間。

<html> 
    <body> 
    <div itemscope itemtype="http://schema.org/AutoDealer"> 
     <div id="main-wrap" class="parallax"> 
     <div class="row"> 
      <div class="main twelvecol"> 

      <!-- Editable --> 
      <div> 
       <div class="row-block finance parallax__group"> 
       <div class="parallax__layer--back parallax__layer"></div> 
       <div class="wrapper"> 
        <div class="container"> 
        <div class="parallax__layer--base parallax__layer"> 
         <p>This is all of the top level content</p> 
        </div> 
        </div> 
       </div> 
       </div> 
      </div> 
      <!-- END Editable --> 

      </div> 
     </div> 
     </div> 
    </div> 
    </body> 
</html>

這裏展示的各種例子codepen不工作 https://codepen.io/anon/pen/RgPrQv

來源

2017-06-06 Martyn Ball

您是否嘗試過讓'document.body.scrollHeight'？或'.offset（）。top'？ – doutriforce

'document.body.scrollHeight'只是返回文檔的高度 –

'未捕獲的TypeError：document.body.offset不是函數' –

您正在尋找

$(window).scroll(function() { 
    $(window).scrollTop(); 
});

來源

2017-06-06 13:18:10 Saksham

我不是身體正在滾動，而不是窗戶。 –

@MartynBall你可以發佈一個工作示例嗎？ – Saksham

沒有工作的例子，這是問題。看到這個codepen，https://codepen.io/anon/pen/RgPrQv - 嘗試獲得正文的滾動偏移 –

檢測身體滾動偏移

回答

相關問題