jQuery UI自動滑動

Question

我有以下代碼爲jQuery UI垂直滑塊，但我需要自動滑動（自動滾動）滑塊。 （頁面加載時自動滑動）

任何人都可以提供幫助嗎？

<script>$(function() { 
var scrollPane = $('#content-scrolls'), 
    scrollableHeight = scrollPane.height() - scrollPane.parent().height() || 0; 
$("#slider-vertical").slider({ 
    orientation: "vertical", 
    range: "max", 
    min: 0, 
    max: scrollableHeight, 
    value: scrollableHeight, 
    animate: true, 
    slide: function(event, ui) { 
    scrollPane.css({top: ui.value - scrollableHeight}); 
    } 
}); }); </script> 

Answer 1

$(function() { 
    var scrollPane = $('#content-scrolls'), 
     scrollableHeight = scrollPane.height() - scrollPane.parent().height() || 0; 
    $("#slider-vertical").slider(
    { change: handleChange, 
     slide: handleSlide, 
     orientation: "vertical", 
     range: "max", 
     min: 0, 
     max: scrollableHeight, 
     value: scrollableHeight, 
     animate: true, 
    }); 
    setTimeout(scrollWindow, 1000); 
    function scrollWindow() { 
     var slideValue; 
     slideValue = $("#slider-vertical").slider("value"); 
     if(slideValue > -100) 
     { 
       $("#slider").slider("value", slideValue - 1); 
       setTimeout(scrollWindow, 1000); 
     } 
    } 
    function handleChange(e, ui) { 
     var maxScroll = $("#scroller").attr("scrollHeight") -$("#scroller").height(); 
     $("#scroller").animate({ scrollTop: -ui.value *(maxScroll/100)}, 1000); 

    } 
    function handleSlide(e, ui) { 
     var maxScroll = $("#scroller").attr("scrollHeight") -$("#scroller").height(); 
     $("#scroller").attr({ scrollTop: -ui.value* (maxScroll/100) }); 
    } 
}); 

添加滾動如下： <div id="slider"></div> <div id="scroller">