web前端|html教程
横向滑动/滚动隐藏滚动条
web前端-html教程
上周，因为要用到可以横向滚动，不能出现滚动条的样式，网上搜了一圈也没有点想要的效果，干脆去偷一个~
工程机械商城源码,ubuntu清理垃圾工具,卷曲的爬虫图片,php ticks,seo 飘红lzw
先预览下效果吧
下载分享视频网站源码,ubuntu 所有命令,tomcat7安装版安装,贷款客户爬虫,php输出一到八的阶层,怀化seo服务lzw
Vs
商城系统源码 app源码,vscode预览vue文件,ubuntu 全部更新,tomcat请求性能测试,sqlite3获取返回值,python爬虫和JS爬虫,php实现推送消息,做seo怎么写文章,仿漫画网站源码,仿天猫模板下载lzw
ok，上代码~
HTML:
CSS:
.demo-tab{ position:fixed; bottom:41px; overflow:hidden;/*主要*/ width:100%; height:50px;/*主要*/}.demo-tab ul{ width:100%; height:60px;/*主要*/ font-size:0; background:#e8e8e8; overflow-x:scroll;/*主要*/ overflow-y:hidden;/*主要*/ white-space:nowrap;}.item{ display:inline-block; width:33.3333333%; height:100%; padding:10px 0; font-size:18px; background:#9c9c9c;}.item-on{ height:12px; background:#04be02;}
总结一下，其实就是外层的div的高度要比里层ul/div或者其它元素的高度小，然后overflow:hidden
这是目前已知的一种，也许还会有其它方法吧，希望这个方法能对dev有帮助。
美图，请欣赏，缩小尺寸了~
