<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>
li {
height: 20px;
}
#box1 {
width: 200px;
height: 100px;
overflow: hidden;
}
</style>
</head>
<body>
<div id="box1">
<ul>
<li>1111111</li>
<li>2222222</li>
<li>3333333</li>
<li>4444444</li>
<li>5555555</li>
<li>6666666</li>
<li>7777777</li>
<li>8888888</li>
<li>9999999</li>
</ul>
</div>
<script>
var box1 = document.querySelector("#box1");
setInterval(function() {
box1.scrollTop++;
if (box1.scrollTop >= (box1.scrollHeight - box1.offsetHeight)) {
box1.scrollTop = 0;
}
}, 20)
</script>
</body>
</html>
一個滾動代碼,從1 滾9 ,到9 再從1 開始滾動, 如何改成不間斷 平滑滾動,而不是跳回1 再滾動, 我知道那種 再新增復制一個ul 的寫法, 請問不用那種方法可以做到嗎
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/211633.html
標籤:JavaScript
