星点互联edus视频培训演示站

标题: JS 的scrollleft 问题 为什么加上img2，img3 里面div移动到头就... [打印本页]
作者: 天才儿童Caya    时间: 2020-11-30 21:23
标题: JS 的scrollleft 问题 为什么加上img2，img3 里面div移动到头就...
<!DOCTYPE html>
<html lang="en">
<head>


  1. <meta charset="UTF-8">
  2. <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>


  1. let dd=document.getElementById("dd")
  2. 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>




欢迎光临 星点互联edus视频培训演示站 (http://47.100.112.22/demo/edus/) Powered by Discuz! X3.5