2014-11-13 1 views
0

방향을 '위로'사용하면 첫 번째 항목이 위쪽으로 스크롤 될 때마다 스크롤이 최소 1 ~ 2 초 동안 일시 중지되고 그것은 후속 루프에서 발생합니다. IE, Firefox 및 Chrome에서이 작업을 시도했으며 동작이 동일합니다.첫 번째 항목에서 마키 방향 '위로'는 항상 최소 2 초 동안 일시 중지됩니다.

스크롤이 일시 중지되어서는 안됩니다. 계속 스크롤해야합니다.

여기 내 샘플 html입니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html > 
    <head> 
     <title>News Ticker Demo</title> 
     <style type="text/css">  
      BODY {BACKGROUND-COLOR: #FFF; COLOR: #000;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:0.75em;} 
      #NewsTickerItems{border:1px solid black;padding:1px;} 

      .latestnews .NewsItem{margin-top:30px;margin-left:10px;} 
      .latestnews #NewsTickerItems {height: 105px;overflow: hidden;margin-top:10px;} 
      .latestnews{padding-left:15px;padding-right:15px;} 
     </style> 
     <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> 
     <script type="text/javascript" src="js/jquery.marquee.js"></script>       
    </head> 
    <body> 
     <div class="latestnews"> 
      <div id='NewsTickerItems'> 
       <div class="NewsItem"> 
        <b>10/10/2014</b> 
        Lorem Ipsum is simply dummy text 
       </div> 
       <div class="NewsItem"> 
        <b>10/10/2014</b> 
        Lorem Ipsum is simply dummy text 
       </div> 
       <div class="NewsItem"> 
        <b>10/10/2014</b> 
        Lorem Ipsum is simply dummy text 
       </div> 
      </div> 
      <div class="clear"></div> 
     </div> 
     <script type="text/javascript"> 
      $(document).ready(function() { 
       $('#NewsTickerItems').marquee({ 
        //speed in milliseconds of the marquee 
        speed: 4000, 
        //gap in pixels between the tickers 
        delayBeforeStart: 0, 
        //'left' or 'right' or 'up' or 'down' 
        direction: 'up', 
        //true or false - should the marquee be duplicated to show an effect of continues flow 
        duplicated: false, 
        //on hover pause the marquee 
        pauseOnHover: true 
       }); 
      }); 
     </script> 
    </body> 
</html> 

답변

1

HTML5 선택 윤곽으로 시도 하시겠습니까?
HTML :

<marquee direction="up" id="myMarquee">This is a marquee.</marquee>  

자바 스크립트 : 그냥 시간에 맞게 필요

$(function() { 
    var myMarquee = $('#myMarquee')[0]; 
    setTimeout(function() { 
     myMarquee.stop(); 
     setTimeout(function(){ 
      myMarquee.start(); 
      run();  
     },5000); 
    },1000); 
}); 

당신이

필요
관련 문제