自检发现是这里没有进行判断触底导致，右边的列表显示区并没有在数据到底时让页面剩余部分显示空白，因此只能通过增加触底判断，让左边的导航进行跳动而右边不进行变化

很难想象2024年了这个问题还是存在。

这里的取值都是一样的，但是真实的情况是这里的高度大多数情况下是不一样的，每个选项的内容高度都不一样，动态加载的数据，上面给出的方法都不行

微信小程序，滑动选项卡案例

<view class="tabbox">
<scroll-view scroll-x="true" class="tab-h" scroll-left="{{scrollLeft}}">
  <view class="tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="swichNav">推荐<view></view></view>
  <view class="tab-item {{currentTab==1?'active':''}}" data-current="1" bindtap="swichNav">电视剧<view></view></view>
  <view class="tab-item {{currentTab==2?'active':''}}" data-current="2" bindtap="swichNav">电影<view></view></view>
  <view class="tab-item {{currentTab==3?'active':''}}" data-current="3" bindtap="swichNav">综艺<view></view></view>
  <view class="tab-item {{currentTab==4?'active':''}}" data-current="4" bindtap="swichNav">动漫<view></view></view>
</scroll-view>
<swiper class="tab-content" current="{{currentTab}}" duration="300" bindchange="switchTab" style="height:{{winHeight}}rpx">
  <swiper-item>
	<scroll-view scroll-y="true" class="scoll-h">
		<view class="item-ans">
		<!-- 首页2 -->
			1
		<!-- 首页2 -->
		</view>
	</scroll-view>
  </swiper-item>
  <swiper-item>
	<scroll-view scroll-y="true" class="scoll-h">
		<view class="item-ans">
		  <!-- 首页2 -->
				2
		  <!-- 首页2 -->
		</view>
	</scroll-view>
  </swiper-item>
  <swiper-item>
	<scroll-view scroll-y="true" class="scoll-h">
		<view class="item-ans">
		  <!-- 首页3 -->
					3
		  <!-- 首页3 -->
		</view>
	</scroll-view>
  </swiper-item>
  <swiper-item>
	<scroll-view scroll-y="true" class="scoll-h">
		<view class="item-ans">
		  <!-- 首页4 -->
			4
		  <!-- 首页4 -->
		</view>
	</scroll-view>
  </swiper-item>
  <swiper-item>
	<scroll-view scroll-y="true" class="scoll-h">
		<view class="item-ans">
		<!-- 首页5 -->
		  5
		<!-- 首页5 -->
		</view>
	</scroll-view>
  </swiper-item>
</swiper>
</view>

地址：https://www.yujianni.top/news/comp_artinfo.html?id=532

wxml:

<mp-vtabs

vtabs="{{vtabs}}"

activeTab="{{activeTab}}"

bindtabclick="onTabCLick"

bindchange="onChange"

class="test"

>

<block wx:for="{{vtabs}}" wx:key="index" wx:for-item="item" >

<mp-vtabs-content tabIndex="{{index}}">

<view class="vtabs-content-item" >

<mp-cells title="{{item.title}}">

<view wx:for="{{cells[index]}}" wx:key="title" wx:for-item="newitem">

<mp-cell link url="../article/article?id={{newitem.id}}" hover value="{{newitem.title}}">

</mp-cell>

</view>

</mp-cells>

</view>

</mp-vtabs-content>

</block>

</mp-vtabs>

其余的跟官方提供的组件示例一致，https://developers.weixin.qq.com/s/SG4tK2mD77f7

由于我的内容是从数据库取出来的，每一项内容数量不一致，wxss中设置：.vtabs-content-item{height=auto;}

而官方组件中设定的是固定高度。

请问这个问题怎么处理？

你好，麻烦提供出现问题的具体机型、微信版本号、系统版本号，以及能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）