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)

相关问题

uni-app scroll-view横向滚动导航,视频scroll-view纵向滚动导航可以滑动点击时可以跳转到播放页 点击复制后，将打开C知道体验页

好的，让我来解答您的问题。对于uni-app中的scroll-view横向滚动导航，您可以使用一个横向的scroll-view，并将其嵌套在一个固定高度的容器中。然后，您可以在scroll-view中添加多个导航项，并在每个导航项中添加一个点击事件，以便在单击导航项时跳转到播放页。

对于视频scroll-view纵向滚动导航，您可以使用一个垂直的scroll-view，并在其内部添加多个导航项。您可以使用scroll-view的scroll-into-view属性来使导航项可滚动，并使用navigator组件的url属性来设置导航项被单击时要跳转到的页面。

希望我的回答能够帮助到您。

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的宽度，才会出现横向滚动条。