微信小程序实现横向滚动导航栏效果
作者：球球果果 发布时间：2024-04-29 13:55:49
标签：微信小程序,滚动,导航栏
1.page.wx.css内容如下：
<view class='classify_list'>
<view class="classify">分类1</view>
<view class="classify">分类1</view>
<view class="classify">分类1</view>
<view class="classify">分类1</view>
<view class="classify">分类1</view>
<view class="classify">分类1</view>
<view class="classify">分类1</view>
<view class="classify">分类1</view>
<view class="classify">分类1</view>
<view class="classify">分类1</view>
<view class="classify">分类1</view>
</view>
2，想要制作成的效果为：
3，page.wxss
.classify_list{
display: flex;
font-size: 15px;
width: 100％;
overflow-y: scroll;
white-space: nowrap;
}
.classify{
height: 100％;
width: 100rpx;
margin:25rpx;
}
4、注意点
一定要将设置宽度,并设置**white-space: nowrap;**
总结
以上所述是小编给大家介绍的微信小程序实现横向滚动导航栏效果网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
来源：https://blog.csdn.net/qiuqiu1628480502/article/details/81275772
0
投稿猜你喜欢
前言大家都知道，一般情况下，输入框的密码我们是看不到密码的，只有当我们点击查看密码的小图标时，密码才会显现出来，实现起来也非常简单，通过点击- 索引是提高数据查询最有效的方法，也是最难全面掌握的技术，因为正确的索引可能使效率提高10000倍，而无效的索引可能是浪费了数据库空间，甚至大
- 本文给出了几个表单常用的js验证函数，有检查、\等特殊字符的，有检查是否含有空格，检查是否为Email 地址，也有检查是否是小数或负数的，检
- 加强ASP网站后台安全一些主要措施：----------------------------------------------------
- 1、下载pycharmpycharm是一种Python IDE，能够帮助我们在编写代码时提高效率。网上提供的有专业版和教育版之分。专业版是收
- 何为聚类分析聚类分析或聚类是对一组对象进行分组的任务，使得同一组（称为聚类）中的对象（在某种意义上）与其他组（聚类）中的对象更相似（在某种意
- 检查 MySQL 数据库的启动时间Linux 系统中的 systemd 和 mysqld_safe 会在 mysqld 进程 crash 后
- 首先看一下自定义提示框的效果图alert 普通的提示当然可以自定义样式confrim 确认框 支持callback//message 提示的
- 一：从版本3.23升级到4.104.10新特性：支持事务处理和存储过程升级过程的注意事项：1:升级采用直接复制安装文件的方法，简单实用，但要
- 最近接了一个比较简单的图像处理的单子，花了一点时间随便
- 前几天项目在运行的时候数据库数据插入突然报：ORA-01653: unable to extend table HSDC.ADDRESS b
- 本文实例讲述了PHP+Ajax实现无刷新分页的方法。分享给大家供大家参考，具体如下：注：这里使用到的一些类库在前面文章都能找到源代码，因此为
- 在SQL SERVER下跟踪sql采用事件探查器，而在mysql下如何跟踪sql呢？ 其实方法很简单，开启mysql的日志log功能，通过查
- python使用utf8编码，mysql也是utf8编码，是什么问题?后来查了一下，使用一个简单的办法即可：vsql = "ins
- 在ASP中，除了ADODB、Scripting 等一些常用组件外，我们还可以用微软的ActiveX方法来轻松捕获哟： <％u
- 今天要帮前端写一个小后台，就是读取数据然后转成json送给他，让他去展示。数据很简单，但是处理的时候遇到了一个问题，文件中涉及到了中文的处理
- 本文实例讲述了Python实现的查询mysql数据库并通过邮件发送信息功能。分享给大家供大家参考，具体如下：这里使用Python查询mysq
- 虽然有些人认为区块链是一个早晚会出现问题的解决方案，但是毫无疑问，这个创新技术是一个计算机技术上的奇迹。那么，究竟什么是区块链呢？区块链以比
- 如下所示：import webbrowserimport codecsimport timewith open("test.txt
- 前端开发时，请求后台接口经常需要跨域，vue-cli实现跨域请求只需要打开config/index.js，修改如下内容即可。//例如要请求的
