Fatal编程技术网
  • html/
  • Html 自举'；s.table responsive可防止iOS Safari上的垂直滚动

Html 自举'；s.table responsive可防止iOS Safari上的垂直滚动

html ios css twitter-bootstrap datatables

Html 自举'；s.table responsive可防止iOS Safari上的垂直滚动,html,ios,css,twitter-bootstrap,datatables,Html,Ios,Css,Twitter Bootstrap,Datatables,我在.panel中有一个.tablediv。在iOS Safari中滚动时，如果您通过.table responsive元素“抓取”屏幕，它不允许您垂直滚动，只能水平滚动。浏览器会将底部边缘向上弹起，顶部边缘向下弹起，就像您在页面底部一样 我在Bootstrap的文档页面上检查了相同的通用html结构，并在上垂直滚动。table responsive在那里工作 我尝试过的事情： 此相关票据中的所有建议解决方案： 已删除-webkit溢出滚动：触摸来自所有元素 检查父项是否存在溢出：隐藏 请注意

我在
.panel
中有一个
.table
div。在iOS Safari中滚动时，如果您通过
.table responsive
元素“抓取”屏幕，它不允许您垂直滚动，只能水平滚动。浏览器会将底部边缘向上弹起，顶部边缘向下弹起，就像您在页面底部一样

我在Bootstrap的文档页面上检查了相同的通用html结构，并在
上垂直滚动。table responsive
在那里工作

我尝试过的事情：

  • 此相关票据中的所有建议解决方案：
  • 已删除
    -webkit溢出滚动：触摸来自所有元素
  • 检查父项是否存在
    溢出：隐藏
    • 请注意，这些表是用jQuery DataTables插件包装的，但我也尝试了用DataTables的
    fnDrawCallback
    回调将表包装在
    .table responsive
    div中。这有点帮助，因为我现在可以在触摸实际表周围的分页/其他datatables元素时滚动。这使我相信问题肯定是
    。表响应的
    本身
    
另外，我不确定它是否相关，但是移动视图有一个
    位置：fixed应用的标题
    
<> P>我还需要考虑什么，可以防止在某些元素上垂直滚动页面？我还注意到，文本输入字段也有同样的效果，但这不那么令人讨厌，因为它周围有很多区域，你仍然可以滚动，不像表格占据了几乎100%的宽度
    
提前谢谢
    
编辑：我在iOS上试过Chrome，它也有同样的问题。Android上的Chrome操作非常完美