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

Jquery 如何根据滑块百分比设置窗口滚动顶部,jquery,html,uislider,uiwindow,Jquery,Html,Uislider,Uiwindow,我有一个滑块,我想让它设置窗口的滚动顶部百分比,无论滑块百分比是多少,但目前我似乎无法得到正确的公式来实现这一点,我还注意到我的滑块不是很平滑,从一端跳到另一端,在滑块停止的地方不停止,解决这两个问题的最佳方法是什么?任何帮助都会大有帮助的谢谢,这里有一个展示这个问题的例子 $('.bar-long').slider({ orientation: "vertical", value: 100, slide: function (event, ui) { //Th

我有一个滑块,我想让它设置窗口的滚动顶部百分比,无论滑块百分比是多少,但目前我似乎无法得到正确的公式来实现这一点,我还注意到我的滑块不是很平滑,从一端跳到另一端,在滑块停止的地方不停止,解决这两个问题的最佳方法是什么?任何帮助都会大有帮助的谢谢,这里有一个展示这个问题的例子

$('.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);  

    }
});

正确的公式是:

$(window).scrollTop((100 - ui.value)/100 * $(document).height())
要使其平滑,您必须将滚动条放置在滚动容器的外部(请参阅),但至少在我的版本中,这种方法需要在内容容器上设置一个
溢出:隐藏
,这样不仅可以删除浏览器滚动条,还可以删除鼠标滚轮功能。
如果您有这样一个单独的内容容器,则必须使用其高度而不是文档高度,因为后者仅为窗口高度。

取滑块的百分比,然后取窗口的整个高度,然后将百分比与高度相乘(例如0.8*1200),然后将滚动设置为该像素。我想这是可行的。文档高度不是在等式中的某个地方吗?你能用文档高度做一个例子等式吗?