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
});
助けてくれてありがとう！