1

我正在尝试使用 Jquery 工具范围输入来上下滚动 div。我已经实现了它，但它不能正常工作。

这是该页面的链接，位于“投资组合”选项卡上... http://www.tripl3infinity.com/test/home

我的问题是范围滑块和滚动 div 不“同步”。当页面首次加载时，滑块句柄位于输入范围的顶部，而 div 位于包含包装器的顶部。如果我用滑块向下滚动，然后回到范围输入的顶部，那么 div 的顶部就会有额外的空间。如果你尝试一下，你就会明白我的意思。

这是我正在使用的脚本...

$(function() {
//PORT RANGE SLIDER
// get handle to the scrollable DIV
var scroll = $("#portScrollable");
$(":range").rangeinput({ 
// slide the DIV along with the range using jQuery's css() method
onSlide: function(ev, step)  {
scroll.css({bottom: -step});
},
progress: false,
// set prescision
prescision: 0,
// initial value. also sets the DIV's initial scroll position
value: 100,
// this is called when the slider is clicked. we animate the DIV
change: function(e, i) {
scroll.animate({bottom: -i}, "fast");
},
// disable drag handle animation when when slider is clicked
speed: 0
});

提前感谢您的帮助！

4

0 回答 0