2017-01-19 18 views
-1

我今年11歲,幾個月前我開始學習Javascript,所以我試圖做一個頁面,如果你向下滾動太多它會帶你回到頂端,所以我製作了一個填充大空間的Div元素,並且它會讓你回到頂部,但如果你再次嘗試它,它將不會做任何事情。請幫忙。提前致謝 !我有一個Div元素作爲一個按鈕,但它只會工作一次

+0

顯示您的代碼。 – epascarello

+0

請給我們展示一些能夠重現您的問題的代碼。你告訴技工你的車發出有趣的噪音,他無法幫助你。你把你的車帶到機修工,他實際上可以修理它。 –

回答

0

我希望我對你的問題的理解是正確的。你有一個div,每次你滾動得太多,你都想上去。

作爲如何處理在香草JavaScript中滾動的示例,您可以查看onscroll事件的文檔:https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onscroll

下面是一個例子:

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="UTF-8" /> 
    <style> 
     #container { 
     height: 500px; 
     width: 515px; 
     overflow: auto; 
     } 

     #foo { 
     height: 1000px; 
     width: 500px; 
     background-color: #777; 
     } 
    </style> 
    </head> 
    <body> 
    <div id="container"> 
     <div id="foo"></div> 
    </div> 

    <script> 
     var container = document.getElementById('container'); 
     container.addEventListener('scroll', function(event) { 
     // Get top and left value 
     var top = container.scrollTop 
     if (top > 400) { 
      // Go to the top 
      container.scrollTop = 0; 
     } 
     }, false); 
    </script> 
    </body> 
</html> 

在這個例子中所包含的元件是大的是,容器因此容器變得可滾動與overflow: auto; CSS屬性。

腳本應用onscroll事件,該事件檢查容器的滾動值,並在容器的滾動值超過任意值(示例中爲400)時將其重置爲0。

我希望這對你的工作有用。

相關問題