如何修改ScrollBar的行爲？

-2

我正在處理HTML中的文檔，我想修改ScrollBar的行爲，當您滾動它時，會將您發送到文檔的特定位置。如何修改ScrollBar的行爲？

2015-09-25 DanyNsg

爲此，你必須要你se javascript。 jQuery（JavaScript庫）將幫助你在函數的一些樣訂做.on('scroll')和.scrollTop()

由於不是從你的問題明確時要滾動的，我只是試圖做一個簡單易懂的例子。收聽窗口滾動位置，當它從頂部到達3000px時，它會從頂部返回到位置800px。如果你想嘗試玩它。不要忘記包含jQuery！如需協助請發表評論。

$(window).scroll(function() { 
 
    $(".show-position").html($(window).scrollTop()); 
 
    
 
    if(3000 < $(window).scrollTop()) { 
 
    $("html, body").scrollTop(800); 
 
    } 
 
    
 
});

.show-position { 
 
    position: fixed; 
 
    left: 10px; top: 10px; 
 
} 
 

 
.high-content { 
 
    height: 100000px; 
 
    background-color: orange; 
 
} 
 

 
.scroll-to { 
 
    position: absolute; 
 
    top: 800px; left: 200px; 
 
    width: 200px; height: 200px; 
 
    border: dashed 5px red; 
 
    font-size: 28px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="show-position">start scrolling</div> 
 
<div class="high-content"></div> 
 
<div class="scroll-to">I'm positioned 800px from top.</div>

來源

2015-09-25 22:26:14 caramba

您可以嘗試捕獲滾動事件並更新頂部位置，但不能直接修改滾動條，因爲該元素由許多瀏覽器中的操作系統呈現，並且JavaScript沒有可與之通話的API - 你可以說你想要一個元素的滾動條和哪些元素（垂直，水平，兩者都不是），就是這樣。

隨着CSS3，事情開始變得更好，但只有WebKit的似乎支持：http://cssdeck.com/labs/css3-webkit-vertical-scrollbars/

參見：

來源

2015-09-25 22:10:29

如何修改ScrollBar的行爲？

回答

相關問題