Слайдер JQuery не будет прокручивать весь div

Question

Извините, что побитый рекорд... Я искал высокий и низкий для этого ответа. Кто-нибудь знает, возможно ли это вообще? Прямо сейчас его единственная форма остановки запуска сайта. Слайдер контролирует 3 деления внутри класса. Это только прокручивает немного... это имеет отношение к 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