How can i use ui.slider to animate content scroll .
when clicking on the scroll line(not drag slider) content not animated scrolls!
how can i change this!?
var slider = $("#mid_slider").slider({
animate: true,
change: handleSliderChange,
slide: handleSliderSlide
});
function handleSliderChange(e, ui)
{
var mid = parseInt($("#mid_inner").width());
var maxS = parseInt($("#mid_inner").attr("scrollWidth"));
var maxScroll = maxS - mid;
$("#mid_inner").animate({scrollLeft: ui.value * (maxScroll / 100) }, 1000);
}
function handleSliderSlide(e, ui)
{
var mid = parseInt($("#mid_inner").width());
var maxS = parseInt($("#mid_inner").attr("scrollWidth"));
var maxScroll = maxS - mid;
$("#mid_inner").attr({scrollLeft: ui.value * (maxScroll / 100) });
}