苹果手机下overflow-x不起作用

发布于 2022-08-11 00:43:27      浏览 498

苹果手机下overflow-x不起作用

1.overflow-x属性在body、html设置中苹果端是无效果的,但是可以借助body内的div来实现隐藏x轴滚动条只显示y轴滚动条。

适用环境:

型号:台式机
系统:win10

问题解析:

1、 overflow-x
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都能够实现。

上一篇:css样式背景渐变透明怎么实现 下一篇:css实现文本两端对齐

相关推荐

  • ps图片裁剪工具的作用
    ps图片裁剪工具的作用 1.打开ps软件,按【Ctrl+O】或点击【文件】菜单,选择【打开】。 2.按键盘【C】键或【Shift+C】键选择裁剪工具。 3.将鼠标移动到素材……

    PS基础 发布于 2024-06-07 13:23:16 浏览 1348

  • ps裁剪工具的作用
    ps裁剪工具的作用 1、打开ps软件,按【Ctrl+O】或点击【文件】菜单,选择【打开】。2、按键盘【C】键或【Shift+C】键选择裁剪工具。3、将鼠标移动到素……

    PS基础 发布于 2024-05-02 10:52:38 浏览 931

  • 手机端去除按钮橙色边框
    手机端去除按钮橙色边框 在移动端浏览器中,当您点击一个按钮时,会出现一个橙色的阴影或边框效果,这是浏览器默认的样式。要去除按钮的橙色边框,可以使用 CSS ……

    CSS基础 发布于 2023-09-25 02:51:01 浏览 247

  • css实现文本两端对齐
    css实现文本两端对齐 要在 CSS 中实现文本的两端对齐效果,可以使用 text-align: justify; 属性。这将使文本在容器内两端对齐,通过自动调整单词间的间距……

    CSS基础 发布于 2023-09-25 02:48:51 浏览 228

  • css设置div阴影
    css设置div阴影 要使用 CSS 设置 <div> 元素的阴影效果,可以使用 box-shadow 属性。 box-shadow 属性可用于在元素周围创建阴影效果。以下是 box-s……

    CSS基础 发布于 2023-09-25 02:33:32 浏览 229

  • ps矩形工具的作用
    ps矩形工具的作用 1.打开ps软件,点击【文件】菜单,在下拉框中选择【新建】。 2.在新建对话框中,宽度填写1024,高度填写768,分辨率72。 3.在新建对话框中……

    PS基础 发布于 2019-12-15 22:47:02 浏览 776

  • 手机WPS格式在哪
    手机WPS格式在哪 1.首先下载安装wps软件,并打开。 2.选择下方加号新建一个word文档。 3.输入想要编辑的内容,点击工具--保存。 4.点击右边三角符号,选……

    WPS基础 发布于 2019-12-15 22:47:02 浏览 626

  • 手机excel里怎么换行
    手机excel里怎么换行 1.首先下载安装wps软件,并打开。 2.然后点击下方加号新建一个excel表格。 3.接着选择新建一个空白表格。 4.在单元格里输入需要的……

    EXCEL基础 发布于 2019-12-15 22:47:02 浏览 407

  • 手机WPS怎么编辑格式
    手机WPS怎么编辑格式 1.首先下载安装wps软件,并打开。 2.选择下方加号新建一个word文档。 3.输入想要编辑的内容,点击工具--保存。 4.点击右边三角符号,选……

    WPS基础 发布于 2019-12-15 22:47:02 浏览 669

  • 手机WPS怎么快速分页
    手机WPS怎么快速分页 1.首先下载安装wps软件,并打开。 2.点击下方加号新建一个空白word文档。 3.创建完成后即可进入编辑界面。 4.接着点击工具栏左下角……

    WPS基础 发布于 2019-12-15 22:47:02 浏览 553