scroll-view 横向滚动页数

可以通过以下方式获取 scroll-view 的横向滚动页数：

1. 获取 scroll-view 的宽度和子元素数量

const query = wx.createSelectorQuery()
query.select('#scroll-view').boundingClientRect()
query.select('#scroll-view > view').fields({
  dataset: true,
  size: true,
  rect: true,
  scrollOffset: true,
})
query.exec(res => {
  const scrollViewWidth = res[0].width
  const childCount = res[1].length
})

2. 根据子元素宽度计算出横向滚动页数

const childWidth = res[1].width
const pageCount = Math.ceil(childCount * childWidth / scrollViewWidth)

相关问题

scroll-view 横向滚动

要在scroll-view中实现横向滚动，你需要将scroll-view的属性horizontal设置为true。这将使得scroll-view在横向方向上可以滚动。

下面是一个示例代码，展示了如何在scroll-view中实现横向滚动：

<scroll-view class="scroll-view-horizontal" scroll-x="true">
  <!-- 在这里放置需要横向滚动的内容 -->
</scroll-view>

在上述代码中，我们通过设置class属性为"scroll-view-horizontal"来自定义scroll-view的样式，然后通过scroll-x属性将横向滚动开启。

你可以将需要横向滚动的内容放置在scroll-view标签内部。请注意，如果内容宽度超过了scroll-view的宽度，用户就可以通过水平滚动来查看内容。

希望这个回答能够帮到你！如果你还有其他问题，请随时提问。

scroll-view横向滚动

Uniapp中的scroll-view组件可以实现横向滚动。只需要在scroll-view标签中设置属性scroll-x为true即可。例如：

<scroll-view scroll-x="true">
  <view class="item">1</view>
  <view class="item">2</view>
  <view class="item">3</view>
  <view class="item">4</view>
  <view class="item">5</view>
</scroll-view>

其中，scroll-x属性表示横向滚动，设置为true即可。在scroll-view中放置需要滚动的内容，例如上面的例子中是五个view标签。需要注意的是，如果内容宽度超出了scroll-view的宽度，才会出现横向滚动条。