JavaScript 实现滚动条水平滚动

你可以使用CSS样式来实现水平滚动条，而不必使用JavaScript。例如：

div {
  overflow-x: scroll; /* 水平滚动条 */
  white-space: nowrap; /* 文本不换行 */
}

或者，如果您想要一个自定义的水平滚动条，可以使用JavaScript。以下是一个示例：

var scrollingElement = document.getElementById('scrolling-element'); // 获取要滚动的元素
var scrollDistance = 200; // 每次滚动的距离
var scrollInterval = 10; // 滚动的时间间隔
var intervalId;

function startScroll() {
  intervalId = setInterval(scroll, scrollInterval);
}

function stopScroll() {
  clearInterval(intervalId);
}

function scroll() {
  scrollingElement.scrollLeft += scrollDistance;
}

您可以将此代码与HTML元素一起使用：

<div id="scrolling-element" style="width: 500px; white-space: nowrap; overflow-x: hidden;">
  ... // 在这里放置您要滚动的内容
</div>

<button onclick="startScroll()">开始滚动</button>
<button onclick="stopScroll()">停止滚动</button>