Question

我有一个滑块，我想让它将窗口的滚动顶部百分比设置为任何滑块百分比，但是目前我似乎无法得到正确的等式来使这个工作，我也注意到我的滑块不是非常顺利，从一端跳到另一端而不停止滑块离开的地方，解决这两个问题的最佳方法是什么？任何帮助都会有很长的路要走，谢谢，这是一个显示问题的fiddle

$('.bar-long').slider({
    orientation: "vertical",
    value: 100,
    slide: function (event, ui) {

    //This equation should make the window the same percentage as the slider but not working    
      $(window).scrollTop(((100 - ui.value)* $(window).height())/100);  

    }
});

Answer 1

正确的等式是：

$(window).scrollTop((100 - ui.value)/100 * $(document).height())

为了使其流畅，您必须将滚动条放在滚动容器之外（请参阅fiddle），但至少在我的此方法版本中，您需要在内容容器上使用overflow: hidden，它不仅删除了浏览器滚动条，还删除了鼠标滚轮功能。如果您有这样的单独内容容器，则必须使用其高度而不是文档高度，因为后者只是窗口高度。

如何根据滑块百分比设置窗口滚动顶部

1 个答案: