Hover over a number for details.
function handleSliderChange(e, ui) { var maxScroll = $("#bar-scroll").attr("scrollWidth") - $("#bar-scroll").width(); $("#bar-scroll").animate({scrollLeft: ui.value * (maxScroll / 100) }, 1000); }
function handleSliderSlide(e, ui) { var maxScroll = $("#bar-scroll").attr("scrollWidth") - $("#bar-scroll").width(); $("#bar-scroll").attr({scrollLeft: ui.value * (maxScroll / 100) }); }
// initialize tooltip $("#bar-scroll a[title]").tooltip({
// tweak the position offset: [10, 2],
// use the "slide" effect effect: 'slide'
// add dynamic plugin with optional configuration for bottom edge }).dynamic({ bottom: { direction: 'down', bounce: true } });