Question

很抱歉这是一个破纪录的....我已经搜索了这个答案的高点和低点。有谁知道它是否可能？现在它是启动网站的唯一停止形式。滑块控制一个类中的3个div。它只会滚动一点......这与不同长度的div有关吗？

这是我正在处理的页面 www.kerrydean.ca/tizzest.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});
      }
    });
  });

无论如何，非常感谢。

由于格雷格

Answer 1

我认为问题出在这一行：

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

我的猜测是滑块的最大值小于可滚动高度。尝试通过以下方式调整差异：

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

jquery滑块不会滚动整个div

1 个答案: