uni-app带滑动条的导航栏

最新推荐文章于 2024-07-24 04:30:00 发布

初来乍到的IT狗

最新推荐文章于 2024-07-24 04:30:00 发布

阅读量1.6k

点赞数 2

分类专栏：样式贴 uni-app 文章标签： uni-app css

本文链接：https://blog.csdn.net/weixin_43829719/article/details/114869378

版权

本文介绍了在uni-app中创建带滑动条的导航栏的实现过程，包括结构、样式和逻辑设置。在实际测试中发现，当滚动速度过快时，事件获取的精度受到影响，导致滑动条位置不准确。针对这一问题，文中提到可以通过关闭官方默认节流解决微信小程序中的问题，但H5和APP端的解决方案仍在探索中。

摘要由CSDN通过智能技术生成

先放实现效果图：

结构：

<scroll-view scroll-x class="nav-tab-wrap" :throttle="false" @scroll="scrollEvent">
	<view class="nav-tab">
		<block v-for="(item,index) in tabList">
			<view class="nav-tab-item" :class="{
    'active':currentIndex==index}" @tap="changeTab(index)">{
  {item}}</view>
		</block

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

初来乍到的IT狗

关注关注

2
点赞
踩
11

收藏

觉得还不错? 一键收藏
1
评论
uni-app带滑动条的导航栏

先放实现效果：结构：<scroll-view scroll-x class="nav-tab-wrap" :throttle="false" @scroll="scrollEvent"> <view class="nav-tab"> <block v-for="(item,index) in tabList"> <view class="nav-tab-item" :class="{'active':currentIndex==index}" @ta
复制链接

扫一扫