发布于 2022-08-11 00:43:27 浏览 498
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都能够实现。
上一篇:css样式背景渐变透明怎么实现
下一篇:css实现文本两端对齐
PS基础 发布于 2024-06-07 13:23:16 浏览 1348
CSS基础 发布于 2023-09-25 02:51:01 浏览 247
CSS基础 发布于 2023-09-25 02:48:51 浏览 228
CSS基础 发布于 2023-09-25 02:33:32 浏览 229
EXCEL基础 发布于 2019-12-15 22:47:02 浏览 407
WPS基础 发布于 2019-12-15 22:47:02 浏览 669
WPS基础 发布于 2019-12-15 22:47:02 浏览 553