微信小程序-监听滚动，改变导航样式，点击导航，定位到页面相应为止

哎呦看看

已于 2024-05-09 17:23:20 修改

阅读量673

点赞数 2

文章标签：前端微信小程序

于 2024-05-09 17:21:59 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45468589/article/details/138621874

版权

1.index.wxml页面

<!--头部导航-->
 <view class="nav-box" id="tab-con">
      <scroll-view scroll-x="true" scroll-into-view="{
  {activeNav}}" show-scrollbar="false">
        <view class="nav-list">
          <button bind:tap="changeActiveNav" id="{
  {item.value}}" class="{
  {activeNav===item.value?'active':''}}" wx:for="{
  {navList}}" wx:key="value" data-value="{
  {item.value}}">{
  {item.label}}</button>
        </view>
      </scroll-view>
    </view>
  </view>

<!--页面内容-->
  <view>
    <scroll-view scroll-y="true" class="tab