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

移动端横向滚动列表

2023-04-23 93
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 移动端横向滚动列表 
<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
目录
相关文章
六卿
|
2月前
|
前端开发 JavaScript
原生撸移动端顶部滚动菜单栏，实现可滚动控制滚动边界动态样式
本文介绍了如何使用原生HTML、CSS和JavaScript创建一个移动端可滚动的顶部菜单栏。文章提供了详细的HTML结构、CSS样式和JavaScript代码，实现了菜单项的横向滚动、边界控制和动态样式变化。同时，还展示了如何通过触摸事件监听来控制菜单项的滚动和激活状态。
六卿
53 2
原生撸移动端顶部滚动菜单栏，实现可滚动控制滚动边界动态样式
万少！
|
1月前
|
JavaScript 前端开发 API
移动端滚动分页解决方案
移动端滚动分页解决方案
万少！
43 4
码喽的自我修养
|
5月前
echarts如何设置滚动条(dataZoom),实现横向或纵向滚动
echarts如何设置滚动条(dataZoom),实现横向或纵向滚动
码喽的自我修养
1333 0
echarts如何设置滚动条(dataZoom),实现横向或纵向滚动
破浪前进
|
6月前
|
移动开发 小程序 JavaScript
uView ScrollList 横向滚动列表
uView ScrollList 横向滚动列表
破浪前进
259 0
掘金防诈骗集团CEO
|
6月前
|
小程序
微信小程序scroll-view横向滚动和纵向滚动实现（亲测管用）
微信小程序scroll-view横向滚动和纵向滚动实现（亲测管用）
掘金防诈骗集团CEO
261 1
特创码农
|
6月前
|
数据库
Uniapp 横向滚动抽奖页面 组件 引用即可 全端
Uniapp 横向滚动抽奖页面 组件 引用即可 全端
特创码农
198 0
你挚爱的强哥
|
6月前
原生表格纵向滚动条
原生表格纵向滚动条
你挚爱的强哥
149 0
蓝色是天
|
小程序 JavaScript
微信小程序横向滚动卡片列表模板
微信小程序横向滚动卡片列表模板
蓝色是天
301 0
1016743651376594
RecyclerView 实现纵向，横向，和瀑布流 的滚动布局
RecyclerView 实现纵向，横向，和瀑布流 的滚动布局
1016743651376594
578 0
RecyclerView 实现纵向，横向，和瀑布流 的滚动布局
极客李华
uniapp实现横向滚动样式条
本文讲解，uniapp如何实现横向滚动样式条
极客李华
1218 0
uniapp实现横向滚动样式条