移动端横向滚动列表

简介: 移动端横向滚动列表

<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;
   }    
}


相关文章
|
7月前
|
移动开发 前端开发
H5长页面禁止垂直滚动
H5长页面禁止垂直滚动
58 0
|
3月前
|
前端开发 JavaScript
原生撸移动端顶部滚动菜单栏,实现可滚动控制滚动边界动态样式
本文介绍了如何使用原生HTML、CSS和JavaScript创建一个移动端可滚动的顶部菜单栏。文章提供了详细的HTML结构、CSS样式和JavaScript代码,实现了菜单项的横向滚动、边界控制和动态样式变化。同时,还展示了如何通过触摸事件监听来控制菜单项的滚动和激活状态。
70 2
原生撸移动端顶部滚动菜单栏,实现可滚动控制滚动边界动态样式
|
5月前
uniapp实战 —— 可滚动区域 scroll-view (自适配高度,下拉刷新)
uniapp实战 —— 可滚动区域 scroll-view (自适配高度,下拉刷新)
1310 0
|
7月前
|
移动开发 小程序 JavaScript
uView ScrollList 横向滚动列表
uView ScrollList 横向滚动列表
293 0
|
7月前
|
数据库
Uniapp 横向滚动抽奖页面 组件 引用即可 全端
Uniapp 横向滚动抽奖页面 组件 引用即可 全端
211 0
|
7月前
原生表格纵向滚动条
原生表格纵向滚动条
|
小程序 JavaScript
微信小程序横向滚动卡片列表模板
微信小程序横向滚动卡片列表模板
314 0
Flutter利用ScrollController获取、控制滚动组件的滚动位置
Flutter利用ScrollController获取、控制滚动组件的滚动位置
uniapp实现横向滚动样式条
本文讲解,uniapp如何实现横向滚动样式条
1241 0
uniapp实现横向滚动样式条
|
移动开发 前端开发
【笔记】H5长页面禁止垂直滚动
H5长页面禁止垂直滚动
310 0

热门文章

最新文章