如果您触摸输入字段,iPhone上的长形式Bootstrap 3模式不会滚动

 余温 发布于 2023-02-12 16:55

我正在使用Bootstrap 3,我有一个很长的表单,用户需要滚动才能到达所有字段.发生的事情是,如果您触摸输入字段以启动滚动它就会锁定.这不会发生在Android手机上.

我无法给你一个指向我的确切代码的链接,但如果你去这里点击iphone上的第一个演示,你会看到发生了什么:http://jschr.github.io/bootstrap-modal/

我不确定是否有某种方法可以为那些输入字段提供一些触摸事件的痛处,允许滚动或什么.任何输入都会有所帮助.

此外,xcode中的iphone模拟器显示了同样的事情.

1 个回答
  • 我修复了一个非常类似的问题,偶尔在iPhone上,背景滚动而不是模态.尝试在模态上禁用webkit平滑滚动,并在打开模态时禁用正文上的所有滚动

    body.modal-open {
        position: fixed;
        overflow: hidden;
        left:0;
        right:0;
    }
    .modal{
        -webkit-overflow-scrolling: auto;
    }
    

    2023-02-12 16:58 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有