微信小程序横向滑动菜单栏实现

Bilkan-studio

于 2022-08-23 11:57:58 发布

阅读量2.5k

点赞数 4

文章标签：微信小程序 javascript 小程序

版权

本文介绍了如何在微信小程序中使用scroll-view标签和scroll-x属性创建横向滑动菜单栏，通过提供WXML、WXSS和JavaScript代码示例进行详细说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们开发项目过程中偶尔遇到这种的一个功能，横向的滑动菜单栏的实现。用scroll-view标签来实现，scroll-x="true"属性来调整滑动方向。废话不用多说直接上代码。

WXML代码段：

<view class="caidanlan">
        <scroll-view class="caidan_scroll" scroll-x="true" bindscroll="scroll" style="width: 100%">
            <