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>