发布于 2022-08-11 00:43:27 浏览 597
1.overflow-x属性在body、html设置中苹果端是无效果的,但是可以借助body内的div来实现隐藏x轴滚动条只显示y轴滚动条。
型号:台式机
系统:win10
HTML
<body>
<div>隐藏x滚动轴,显示y滚动轴</div>
</body>
CSS
body{ width:100%; height:100%; overflow: hidden;}
div{ width: 100%; height: 100%; overflow: auto; overflow-x: hidden; }
一般在响应式中,侧导航会从右侧滑出,需要将导航条隐藏到右侧,通过点击导航按钮后改变导航位置情况下用到。测试中小米手机、苹果11都能够实现。
本内容部分来源于网络,谨供免费学习使用,如有侵权,可以通过邮箱juexin@juexinw.com联系我们删除!
上一篇:css样式背景渐变透明怎么实现 下一篇:css实现文本两端对齐PS基础 发布于 2024-06-07 13:23:16 浏览 2027
CSS基础 发布于 2023-09-25 02:51:01 浏览 499
CSS基础 发布于 2023-09-25 02:48:51 浏览 462
CSS基础 发布于 2023-09-25 02:33:32 浏览 430
EXCEL基础 发布于 2019-12-15 22:47:02 浏览 495
WPS基础 发布于 2019-12-15 22:47:02 浏览 762
WPS基础 发布于 2019-12-15 22:47:02 浏览 682