jquery滑块不会滚动整个div

很抱歉打破了记录……我一直在寻找这个答案。有人知道这是否可能吗？目前，它是启动该网站的唯一停止形式。滑块控制一个类中的3个div。它只会滚动一点点……这和div的长度不同有关系吗

这是我正在处理的页面 www.kerrydean.ca/tizest.html

这是我正在使用的代码

$(document).ready(function() {

    $('a').click(function () {
    var divname= this.name;
    $("#"+divname).show("slow").siblings().hide("slow");
    $(".info").css("top", 0 
                   );
    // Reset slider to top

    var max = $("#slider-vertical").slider("option","max");
              $("#slider-vertical").slider("value", max);

});
  });

$(function() {
    var scrollPane = $('.info'),
        scrollableHeight = scrollPane.height() - scrollPane.parent().height() || 0;
  $("#slider-vertical").slider({
      orientation: "vertical",
      range: "max",
      min: 0,
      max: scrollableHeight,
      value: scrollableHeight,
      slide: function(event, ui) {
      scrollPane.css({top: ui.value - scrollableHeight});
      }
    });
  });

无论如何，我非常感激你的帮助

谢谢

---

格雷格

我认为问题出在这一行：

scrollPane.css({top: ui.value - scrollableHeight});

我猜滑块的最大值小于可滚动高度。尝试使用以下方法调整差异：

ui.value * (scrollableHeight / maxValue) - scrollableHeight //put in your own maxvalue variable

---

非常感谢你的帮助。那么，我将如何在现有代码中实现此代码？单独作为选项，或在同一行的scrollPane.css（{top:ui.value-scrollableHeight}）行中作为选项。只要用滑块的最大值替换我的maxValue变量就行了。好吧，酷，我试过了，但没用……这就是你的意思吗$（function（）{var scrollPane=$（'.info'），scrollableHeight=scrollPane.height（）-scrollPane.parent（）.height（）| | | 0；$（“#滑块垂直”）。slider（{方向：“垂直”，范围：“最大”，最小：0，最大：scrollableHeight，值：scrollableHeight，slide:function（事件，ui）{scrollPane.css({top:ui.value-scrollableHeight}）；ui.value*（scrollableHeight/800）-scrollableHeight}；}）；不完全：幻灯片：函数（事件，ui）{scrollPane.css（{top:ui.value*（scrollableHeight/800）-scrollableHeight}）；}好的，我试过了……它似乎想工作，但它现在做了一些不同的事情。我把它上传到这里，这样你可以再次看到谢谢-格雷格