AI 助理
备案控制台
开发者社区 云计算 文章 正文

移动端横向滚动列表

2023-04-23 94
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 移动端横向滚动列表 
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>
ul{
    display:flex;
    overflow:auto;
    li{
        flex-shrink: 0;
        padding:10px 20px; 
        border-radius:25%;
        border:1px solid #f00;
   }    
}


SouthernWind
目录
相关文章
Y2000104
|
7月前
|
移动开发 前端开发
H5长页面禁止垂直滚动
H5长页面禁止垂直滚动
Y2000104
58 0
六卿
|
3月前
|
前端开发 JavaScript
原生撸移动端顶部滚动菜单栏，实现可滚动控制滚动边界动态样式
本文介绍了如何使用原生HTML、CSS和JavaScript创建一个移动端可滚动的顶部菜单栏。文章提供了详细的HTML结构、CSS样式和JavaScript代码，实现了菜单项的横向滚动、边界控制和动态样式变化。同时，还展示了如何通过触摸事件监听来控制菜单项的滚动和激活状态。
六卿
70 2
原生撸移动端顶部滚动菜单栏，实现可滚动控制滚动边界动态样式
朝阳39
|
5月前
uniapp实战 —— 可滚动区域 scroll-view （自适配高度，下拉刷新）
uniapp实战 —— 可滚动区域 scroll-view （自适配高度，下拉刷新）
朝阳39
1311 0
破浪前进
|
7月前
|
移动开发 小程序 JavaScript
uView ScrollList 横向滚动列表
uView ScrollList 横向滚动列表
破浪前进
293 0
特创码农
|
7月前
|
数据库
Uniapp 横向滚动抽奖页面 组件 引用即可 全端
Uniapp 横向滚动抽奖页面 组件 引用即可 全端
特创码农
211 0
你挚爱的强哥
|
7月前
原生表格纵向滚动条
原生表格纵向滚动条
你挚爱的强哥
154 0
蓝色是天
|
小程序 JavaScript
微信小程序横向滚动卡片列表模板
微信小程序横向滚动卡片列表模板
蓝色是天
314 0
江上清风山间明月
Flutter利用ScrollController获取、控制滚动组件的滚动位置
Flutter利用ScrollController获取、控制滚动组件的滚动位置
江上清风山间明月
335 0
极客李华
uniapp实现横向滚动样式条
本文讲解，uniapp如何实现横向滚动样式条
极客李华
1241 0
uniapp实现横向滚动样式条
程序边界
|
移动开发 前端开发
【笔记】H5长页面禁止垂直滚动
H5长页面禁止垂直滚动
程序边界
310 0