Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
4.0k views
in Technique[技术] by (71.8m points)

JS 的scrollleft 问题 为什么加上img2,img3 里面div移动到头就不动了

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8">
<title></title>

</head>
<body>
<div id=dd style="overflow:auto;width:500px;" onmouseover="stop();" onmouseout="startt()">
<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>


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)
等待大神解答

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...