制作滑块滚动页面

Question

我的页面上有一个绝对定位的jQuery滑块。有了它，我希望能够点击并拖动滚动页面。

您可以立即看到它在这里：

http://djlol.dk/projects/index2.html（白色一个在底部）

当你在按钮拖动滑块，页面跳转奇怪。它滚动，但速度太快了。

我做这样说：

$("#slider").slider({ 
    animate: true, 
    change: handleSliderChange, 
    slide: handleSliderSlide, 
    min: 0, 
    max:2900 
}); 

function handleSliderSlide(e, ui) 
{ 
    window.scroll(ui.value, 0); 
} 

Answer 1

的问题出现在固定滑块的窗口位置和滑盖内部确定多远移动每个滑块的方式进行捆绑处理。

滑块插件会根据鼠标位置更改以及元素的左偏移量，计算每个鼠标移动事件中滑块处理程序的新位置。滑块元素使用css属性position:fixed，并且在浏览器窗口滚动时有效，为了将元素保持在固定位置，元素的LEFT偏移量会增加。因此，不仅滚动窗口时滑块值会因鼠标更改而增加，而且还会因左侧偏移而增加。结果是一个快速移动的滑块。

要解决此问题，请将滑块元素位置更改为相对并调整顶部和左侧偏移。但是，这意味着当窗口滚动时，滑块的左端将滚动到视图外，但至少您的滑块以正常速度移动。