2015-01-29 3 views
3

임시 링크를 통해 내 웹 사이트의 multiscroll.js를 테스트했습니다. 마우스 나 키보드를 사용하지 않고 스크롤 할 수 있는지 궁금합니다. 이미지가 자동으로 스크롤한다 (매 5 초 후에는 다음 블록으로 이동해야처럼)multiscroll.js를 사용하는 자동 스크롤

내 테스트 링크는 다음과 같습니다. http://goo.gl/HjkJKx

이 페이지는 간단한 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> 

답변

4

예. Multiscroll에는이 용도로 사용할 수있는 methods이 있습니다.

당신은 moveSectionDown()setInterval()을 결합 할 수 있습니다 :

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

만들기 당신이 loopBottom: true을 설정 고소.

JSFiddle

+0

감사 U 매우 –

+0

감사 worked..cheers 많은 필립. 그 위대한 일 –