微信小程序实现左侧滑动导航栏

最新推荐文章于 2024-09-13 15:05:17 发布

何故沾衣欲湿杏花雨

最新推荐文章于 2024-09-13 15:05:17 发布

阅读量3.9k

点赞数

文章标签：小程序前端封装

本文链接：https://blog.csdn.net/djxyyy/article/details/109212144

版权

本文介绍了如何在微信小程序中实现左侧滑动导航栏，提供了相关图片展示，并详细讲解了实现这一功能的JavaScript逻辑代码。

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

微信小程序实现左侧滑动导航栏

1、左侧滑动导航栏图如下
在这里插入图片描述

2、这是我们左侧滚动栏的代码  wxml

<view class='under_line'></view>
      <view style='float: left' class='left'>
        <scroll-view scroll-y scroll-left="{
   {scrollLength}}" class='scrollY' style='height: {
   {winHeight}}px'>
          <view class='all clear'>
            <block wx:key="lists" wx:for