scroll-view 怎么设置横向自动滚动

要在scroll-view中实现横向自动滚动，可以使用定时器和scrollLeft属性。首先，需要在scroll-view中设置一个宽度大于其容器的元素，以便启用横向滚动。然后，使用setInterval（）函数设置定时器，以便每隔一段时间更新scrollLeft属性。以下是一个示例代码：

HTML代码：

<scroll-view class="scroll-view" scroll-x>
  <div class="scroll-item">
    <img src="image1.jpg">
    <img src="image2.jpg">
    <img src="image3.jpg">
    <img src="image4.jpg">
    <img src="image5.jpg">
  </div>
</scroll-view>

CSS代码：

.scroll-view {
  width: 100%;
  height: 200px;
  white-space: nowrap;
}

.scroll-item {
  display: inline-block;
}

img {
  display: inline-block;
  width: 100%;
  height: 100%;
}

JavaScript代码：

var scrollX = document.querySelector('.scroll-view');
var items = document.querySelector('.scroll-item');
var scrollLeft = 0;
setInterval(function(){
  scrollLeft += 1;
  if(scrollLeft >= items.offsetWidth - scrollX.offsetWidth) {
    scrollLeft = 0;
  }
  scrollX.scrollLeft = scrollLeft;
}, 20);

在这个例子中，我们首先获取.scroll-view元素和.scroll-item元素。然后，我们设置一个scrollLeft变量，并使用setInterval（）函数每20毫秒更新一次。在每次更新中，我们将scrollLeft增加1，并检查是否已经到达容器的边缘。如果是，我们将scrollLeft重置为0，并继续滚动。最后，我们将scrollLeft值设置为scrollX.scrollLeft，以更新滚动位置。