小程序怎么获取overflow-x: scroll的scrollLeft

可以通过以下方式获取overflow-x: scroll元素的scrollLeft：

1. 获取该元素的DOM节点：

var scrollElement = document.getElementById('yourScrollElementId');

2. 获取该元素的scrollLeft值：

var scrollLeft = scrollElement.scrollLeft;

其中，'yourScrollElementId'为该元素的id属性值，可以根据实际情况进行替换。

相关问题

微信小程序overflow-x: scroll失效

在微信小程序中，如果设置了`overflow-x: scroll`或`overflow-y: scroll`，但是发现滚动条没有出现或者滚动不起来，有可能是因为`scroll-view`的子元素没有设置宽度或高度导致的。在`scroll-view`中，只有当子元素的尺寸大于`scroll-view`的尺寸时，才会出现滚动条。

解决方法是对`scroll-view`的子元素设置合适的宽度或高度，例如：

<scroll-view style="width: 100%; height: 200px; overflow-x: scroll;">
  <view style="width: 500px; height: 200px;">这是一个很宽的视图</view>
</scroll-view>

在这个例子中，`scroll-view`的高度为200px，宽度为100%，并且设置了`overflow-x: scroll`。子元素`view`的宽度为500px，高度为200px。这样，当子元素的宽度大于`scroll-view`的宽度时，就会出现横向滚动条。如果子元素的宽度小于或等于`scroll-view`的宽度，则不会出现横向滚动条。

小程序怎么样让overflow-x: scroll自动滑动

在小程序中，要让 `overflow-x: scroll` 元素自动滑动，可以使用小程序自带的 `scroll-view` 组件来实现。具体的实现方式如下：

1. 在 `wxml` 文件中使用 `scroll-view` 组件

<scroll-view id="your_scrollview_id" scroll-x="true" style="white-space: nowrap;"></scroll-view>

2. 在 `js` 文件中获取到 `scroll-view` 组件

var scrollView = this.selectComponent("#your_scrollview_id");

3. 使用 `setInterval` 函数来实现自动滑动

var scrollSpeed = 50; // 滑动速度，单位为像素/秒
var scrollInterval = setInterval(function() {
  scrollView.scrollBy({ x: 1 }); // 每次滑动1个像素
}, 1000 / scrollSpeed); // 设置时间间隔

4. 当元素滑动到最右侧时，清除 `setInterval` 函数

scrollView.addEventListener("scroll", function(event) {
  if (event.detail.scrollLeft === (event.detail.scrollWidth - event.detail.clientWidth)) {
    clearInterval(scrollInterval);
  }
});

这样就可以实现 `scroll-view` 组件自动滑动的效果了。需要注意的是，小程序中的 `scroll-view` 组件默认是将内容超出部分隐藏，需要设置 `white-space: nowrap;` 属性来让内容不换行显示。