JS 的scrollleft 问题 为什么加上img2，img3 里面div移动到头就...
天才儿童Caya2020-11-30 21:23:52
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8">
- <title></title>
</head>
<body>
<div id=dd style="overflow:auto;width:500px;">
<div id="d" style="white-space:nowrap;">
<img src="1.jpg">
<img src="2.jpg">
<!-- <img src="3.jpg">
<img src="4.jpg"> 加上的的话里面div移动到头就不动了-->
</div>
</div>
</body>
</html>
<script>
- let dd=document.getElementById("dd")
- let d=document.getElementById("d")
d.innerHTML+=d.innerHTML
let start=()=>dd.scrollLeft=dd.scrollLeft<dd.scrollWidth-dd.offsetWidth?dd.scrollLeft+6:0
let startt=()=>sc=setInterval(start,1)
let stop=()=>clearInterval(sc)
startt()
</script>
|
