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

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

0 голосов
/ 25 февраля 2011

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

В любом случае, помощь очень ценится.

Спасибо, Грег

1 Ответ

0 голосов
/ 25 февраля 2011

Я думаю, что проблема в этой строке: 

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

Полагаю, максимальное значение ползунка меньше высоты прокрутки. Попробуйте скорректировать расхождение примерно так: 

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