小程序实现 tab切换,点击tab 内容滚动切换

tab栏代码,点击那个高亮那个是通过 scroll-into-view 这个属性去实现的

<scroll-view class="tui-city-scroll container" scroll-x="true" scroll-into-view="NAV{{status}}" scroll-with-animation="true"><text bindtap="getStatus" id="NAV{{index}}" class="tui-nav-li {{index === status ? 'tui-nav-active' : ''}}" data-index="{{index}}" wx:for="{{navList}}" wx:key="index">{{item}}</text>
</scroll-view>

    getStatus(e){this.setData({ status: e.currentTarget.dataset.index})wx.pageScrollTo() 点击不同的tab  要分别滚动到哪里// console.log( e.currentTarget.dataset.index)},

列表区域

<view class="container" ><van-collapse class="iconCss" value="{{ activeNames }}" ><van-collapse-item wx:for="{{50}}"  wx:key="index" title="有赞微商城 {{item}}" name="1"></van-collapse-item></van-collapse>

小程序实现 tab切换,点击tab 内容滚动切换相关推荐

【微信小程序】小程序显示弹窗时禁止下层的内容滚动|遮罩层滚动穿透
小程序显示弹窗时禁止下层的内容滚动|遮罩层滚动穿透第一种方式页面上加catchtouchmove="consume" JS // 把这个事件给消耗掉,这是是必须写的, 不写是可 ...
小程序背景图固定以及标题栏遮挡内容滚动时显示内容
滚动页面时背景图固定: 采用一张图片作为背景图,通过设置position为fixed以及z-index为-1,目的是为了让它在最底层.  <view>& ...
微信小程序中一个div块内进行内容滚动
使用scroll-view标签
python控制软件点击_Python小程序控制鼠标循环点击代码实例
Python小程序控制鼠标循环点击代码实例这篇文章主要介绍了Python小程序控制鼠标循环点击代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以 ...
小程序的横向二级顶部导航条，可以切换、拖动、二级定位在一级的下面，高度怎么办
项目场景: **做一个小程序的横向二级顶部导航条,可以切换.拖动.二级定位在一级的下面** 问题描述: 我只能设置scroll-view的高度,不然不显示二级菜单这是html代码 <view ...
小程序跳转web-view 点击左上角返回需要点击2次才能返回
小程序跳转web-view 点击左上角返回需要点击2次才能返回再html页面引入js即可解决 <script type="text/javascript" src=& ...
微信小程序---地图导航（点击地址，可以进行导航）
微信小程序-地图导航(点击地址,可以进行导航) // 地图getLocation(e){var that = this,address = e.currentTarget.dataset.addres ...
html表单中的数据提交后清空,怎么实现小程序中表单提交后自动清空内容
怎么实现小程序中表单提交后自动清空内容发布时间:2021-03-09 10:50:51 来源:亿速云阅读:88 作者:小新小编给大家分享一下怎么实现小程序中表单提交后自动清空内容,相信大部分人都 ...
解决微信小程序IOS中使用picker弹出内容和手机软键盘重叠的问题
解决微信小程序IOS中使用picker弹出内容和手机软键盘重叠的问题项目需求: 一个信息提交页面:有input输入框,有picker选择器遇到的问题: 点击input输入框时,手机自动弹出键盘,但 ...
小程序能给创业者带来什么？内容小程序创业机会来了
小程序对于内容创业的价值还是很大的,微信小程序是不是适合内容创业?尽管之前的舆论不是特别的看好小程序的内容创业,但是很多公司依然在尝试小程序的内容创业.也并非是没有可能的机会的. 2018年最火的移动 ...

小程序实现 tab切换,点击tab 内容滚动切换

小程序实现 tab切换,点击tab 内容滚动切换相关推荐

最新文章

热门文章