Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 使用multiscroll.js自动滚动_Jquery_Html_Scroll_Multiscroll.js - Fatal编程技术网

Jquery 使用multiscroll.js自动滚动

Jquery 使用multiscroll.js自动滚动,jquery,html,scroll,multiscroll.js,Jquery,Html,Scroll,Multiscroll.js,我在一个临时链接上为我的网站测试multiscroll.js。我想知道是否有可能不使用鼠标或键盘即滚动浏览。图像应自动滚动。(如每5秒后,它应滚动到下一个块) 我的测试链接是: 此页面由简单的jquery调用组成 <script type="text/javascript"> $(document).ready(function() { $('#myContainer').multiscroll({ sectionsC

我在一个临时链接上为我的网站测试multiscroll.js。我想知道是否有可能不使用鼠标或键盘即滚动浏览。图像应自动滚动。(如每5秒后,它应滚动到下一个块)

我的测试链接是:

此页面由简单的jquery调用组成

<script type="text/javascript">
     $(document).ready(function() {
            $('#myContainer').multiscroll({
                sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE'],
                anchors: ['first', 'second', 'third'],
                menu: '#menu',
                loopTop: true,
                loopBottom: true
            });
        });
    </script>

and the html is like this:

<ul id="menu">
    <li data-menuanchor="first"><a href="#first">First slide</a></li>
    <li data-menuanchor="second"><a href="#second">Second slide</a></li>
    <li data-menuanchor="third"><a href="#third">Third slide</a></li>
</ul>

<div id="myContainer">

    <div class="ms-left">
        <div class="ms-section" id="left1">
            <h1>Left 1</h1>
        </div>

        <div class="ms-section" id="left2">
            <h1>Left 2 </h1>
        </div>

        <div class="ms-section" id="left3">
            <h1>Left 3</h1>
        </div>
    </div>

    <div class="ms-right">
        <div class="ms-section" id="right1">
            <h1>Right 1</h1>
        </div>

        <div class="ms-section" id="right2">
            <h1>Right 2</h1>
        </div>

        <div class="ms-section" id="right3">
            <h1>Right 3</h1>
        </div>
    </div>  
</div>

$(文档).ready(函数(){
$(“#myContainer”).multiscroll({
章节颜色:[“1bbc9b”、“4BBFC3”、“7BAABE”],
主播:[“第一”、“第二”、“第三”],
菜单:“#菜单”,
没错,
loopBottom:对
});
});
html是这样的:
左1 左2 左3 对1 对2 对三
是。Multiscroll具有可用于此目的的

您可以组合
moveSectionDown()
setInterval()

让sue设置
loopBottom:true

function scrollMe() {
    $.fn.multiscroll.moveSectionDown(); 
}
setInterval(scrollMe, 5000);