苹果手机下overflow-x不起作用
发布于 2022-08-11 00:43:27 浏览 447 次
1.overflow-x属性在body、html设置中苹果端是无效果的，但是可以借助body内的div来实现隐藏x轴滚动条只显示y轴滚动条。
系统：win10
overflow-x
overflow-x属性在body、html设置中苹果端是无效果的，但是可以借助body内的div来实现隐藏x轴滚动条只显示y轴滚动条。
适用环境：
型号：台式机系统：win10
问题解析：
【】
1、overflow-x属性在body、html设置中苹果端是无效果的，但是可以借助body内的div来实现隐藏x轴滚动条只显示y轴滚动条。
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都能够实现。
相关推荐
-
-
ps图片裁剪工具的作用
-
-
-
- 发布于2024-06-07 13:23:16 823个赞
-
-
-
ps裁剪工具的作用
-
-
-
- 发布于2024-05-02 10:52:38 779个赞
-
-
-
手机端去除按钮橙色边框
发布于2023-09-25 02:51:01 141个赞 -
-
-
-
css实现文本两端对齐
发布于2023-09-25 02:48:51 132个赞 -
-
-
-
css设置div阴影
发布于2023-09-25 02:33:32 122个赞 -
-
-
-
ps矩形工具的作用
-
-
-
- 发布于2019-12-15 22:47:02 617个赞
-
-
-
手机WPS格式在哪
发布于2019-12-15 22:47:02 546个赞 -
-
-
-
手机excel里怎么换行
发布于2019-12-15 22:47:02 350个赞 -
-
-
-
手机WPS怎么编辑格式
发布于2019-12-15 22:47:02 612个赞 -
-
-
-
手机WPS怎么快速分页
发布于2019-12-15 22:47:02 463个赞 -
-
猜你可能喜欢
-
-
怎么去除图片上的水印
-
-
-
- 发布于2024-06-07 13:33:14 565个赞
-
-
-
图片上的水印怎么去掉
-
-
-
- 发布于2024-06-07 13:31:57 706个赞
-
-
-
怎样去除图片水印
-
-
-
- 发布于2024-06-07 13:30:29 676个赞
-
-
-
怎么去图片水印
-
-
-
- 发布于2024-06-07 13:28:40 722个赞
-
-
-
怎么用ps裁剪圆形图片
-
-
-
- 发布于2024-06-07 13:27:01 805个赞
-
-
-
ps怎么裁剪图片
-
-
-
- 发布于2024-06-07 13:25:57 819个赞
-
-
-
ps图片裁剪工具的作用
-
-
-
- 发布于2024-06-07 13:23:16 823个赞
-
-
-
ps图片裁剪工具是什么
-
-
-
- 发布于2024-05-29 11:37:02 780个赞
-
-
-
ps图片裁剪工具在哪设置
-
-
-
- 发布于2024-05-29 11:21:37 645个赞
-
-
-
ps图片裁剪工具快捷键是什么
-
-
-
- 发布于2024-05-29 11:17:27 287个赞
-