账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    ios 上浏览器页面滚动超出,该如何禁止
    66
    0

    在ios的浏览器经上遇到这个问题。

    我的页面本身是相对于viewport是设置为width:100%;height:100%的。在安卓机器上手指在页面上下滑动页面是固定的(因为没有出现滚动条)。但是在ios上面,手指上下移动后,页面也会上下移动一段距离,然后再回到屏幕正中,由于用户体验不太好因此想禁止这种默认行为。

    想请教一下该如何解决这个问题?谢谢!

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 在iOS中,如果你想要阻止页面滚动超出特定范围,你可以使用CSS的overflow属性。例如,如果你想阻止页面滚动超过屏幕的100%,你可以设置overflow属性为hidden

      下面是一个简单的示例:

      css body { overflow: hidden; }

      这个样式将阻止页面在设备上滚动超出屏幕。

      如果你想阻止页面滚动,但允许内容在页面边缘移动,你可以使用CSS的overflow-y属性。例如:

      css body { overflow-y: auto; }

      这个样式将允许页面内容在页面边缘移动,但不会阻止页面滚动。

      如果你想禁止页面滚动,同时允许内容在页面边缘移动,你可以使用CSS的overflow-x属性。例如:

      css body { overflow-x: auto; overflow-y: hidden; }

      这个样式将允许页面内容在页面边缘移动,同时阻止页面滚动。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部