html+css滚动条隐藏问题
这个是今日头条的移动版，（头条网：http://m.toutiao.com/）他这个导航在移动端是可以左右滑动的，但是没有滚动条，我知道用overflow-x:scroll;但是这么用的话，在移动端是没有滚动条的，但是在pc端Chrome就有滚动条了，但是头条这个却没有，我想知道这个怎么实现的，看了好久，没看出来他是怎么弄的，求帮忙
展开
收起
1
条回答
写回答
写回答
-
IT从业这个叫做触摸导航，用js控制的。
通过touch系列事件实现,记录初次touchstart的y轴,然后陆续触发touchmove根据初次记录的y轴进行相对的移动,touchcancel触发会进行回弹至开始的位置。
推荐使用swiper.js功能丰富接口简洁推荐使用
----修改----
纯css实现方法
1.让菜单列强制一行(no-wrap)同时，菜单列使用display: inline-block进行横向排列.
2.利用scroll-x使其出现x轴滚动条
3.利用伪元素::-webkit-scrollbar来隐藏滚动条(但依旧具备滚动的效果)
2019-07-17 19:27:44赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
