Jquery工具垂直滚动与范围输入

Question

我正在尝试使用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
});

提前感谢您的帮助！