左右移动div

561 阅读1分钟

.左右箭头 控制div水平左右移动

1.css 父元素div 宽度固定 display:flex ,每个子元素加 flex-shrink 保持自己的宽度 。 overflow: hidden;外加过渡 2 获取父元素的宽度 parentWidth ,获取所有子元素的宽度的总和tatolWidth 3. 判断 如果parentWidth大于tatolWidth 则不显示箭头,不滑动 ;如果相反 则显示右箭头,设立一个全局变量flag为0 每次点击右箭头 flag -=80; 显示左箭头;如果如果flag的值小于parentWidth减去tatolWidth 则停止滑动

4 .左箭头 判断只要flag小于零,就可以flag+=80