如何修改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的行为？

回答

相关问题