你可以添加一個scrollTop方法到HTML正文嗎？

所以我查閱了一些教程，讓你在滾動到某個特定點時發生。每個人似乎都使用一個div窗口，裏面有一些文本。你可以添加一個scrollTop方法到HTML正文嗎？

我試圖做同樣的事情，但與全身元素，所以當用戶滾動到某個元素，該元素變得更大，或類似的東西。

對於開始，我試圖讓一個h1元素顯示垂直滾動使用scrollTop的位置。但似乎沒有發生。

jQuery的

<script> 
$(document).ready(function(){ 
     $("body").scroll(function(){ 
      var scrollPosition = $this.scrollTop(); 
      $("#info").text(scrollPosition); 
     }); 
    }); 
</script>

HTML

<body> 

<div class="contaienr-fluid"> 
    <h1 id="info"></h1> 
</div> 
<div class="container-fluid"> 
    <h1>asd<br /> 
    asd <br /> 
    asd <br /> 
    asd <br /> 
    asd <br /> 
    asd <br /> 
    asd <br /> 
    asd <br /> 
    asd <br /> 
    asd <br /> 
    asd <br /> 
    asd <br /> 
    asd <br /> 
    asd <br /> 
    asd <br /> 
    asd <br /> 
    asd <br /> 
    asd <br /> 
    </h1> <!-- I know, incredibly stupid way to create space on the page--> 
</div> 
</body>

來源

2016-08-28 Blaze26

當頁面加載時，您直接滾動到頂部。事實是，你已經在頁面頂部。 – LUXS

[jsFiddle]（https://jsfiddle.net/ka5ppmv4/2/）控制檯「***'Uncaught ReferenceError：$ this is not defined' ***」，所以將它改爲'$（this）.scrollTop（）;'而不是'$ this.scrollTop（）;'，控制檯是你的朋友 –

滾動事件的起源和定位是從window對象，所以你可以使用它。

<script> 
    $(document).ready(function(){ 
     $(window).scroll(function(){ 
      var scrollPosition = $this.scrollTop(); 
      $("#info").text(scrollPosition); 
     }); 
    }); 
</script>

這需要在窗口滾動並不會工作，如果你已經fullsized那些只滾動裏面，就像是在做的webapps div的。

來源

2016-08-28 10:30:22

你可以添加一個scrollTop方法到HTML正文嗎？

回答

相關問題