overflow-y在模式中的safari中不起作用
overflow-y在模式中的safari中不起作用
提问于 2016-02-18 06:41:47
好的，这是html：
<div style="height: 200px; position: relative;" id="filterOptionsContainer">
<table id="filterOptionsTable" class="table table-striped table-hover">
</table>
</div>基本上，我是动态地向表中添加行，并且我希望容器滚动溢出。首先，我尝试了显而易见的方法：
#filterOptionsContainer {
overflow-y: auto;
}除了iOS移动设备上的Safari之外，它在任何地方都可以正常工作。
从那时起，我花了几个小时尝试我能想到和读到的每一种风格组合，但我无法获得标准的溢出滚动。我得到的最接近的结果就是让滚动条显示出来(虽然它实际上并没有滚动)。
感谢所有的帮助。我很难相信在Safari中无法在模式中滚动div的内容……
回答 9
Stack Overflow用户
回答已采纳
发布于 2016-02-27 04:02:46
我通过在移动设备上切换到多选(并隐藏可滚动的div)解决了这个问题(所以没有真正的解决方案)。感谢大家的帮助。
编辑:我终于想通了。基本上发生的事情是，在我改用多选之后，当我使用Safari时，它在IOS设备上也表现得很奇怪。
在进一步研究时，我的一位同事注意到了可滚动div和multiselect (我使用的模板使用dojo)上的dojo触摸事件。我开始查看模板的源代码，以弄清楚为什么这些事件会附加到所有这些元素上，然后我注意到了一个名为" dojo /touch“的dojo模块。从项目中删除此模块后，元素在Safari中工作正常。
问题是“dojo/touch”和IOS Safari是完全不兼容的。
Stack Overflow用户
发布于 2016-02-23 01:34:54
尝试以内联方式或通过Jquery脚本应用此代码
style="overflow-y: scroll; -webkit-overflow-scrolling: touch;"或者通过Jquery脚本
$("#filterOptionsContainer").css({
"overflow-y": "scroll",
"-webkit-overflow-scrolling": "touch"
});Stack Overflow用户
发布于 2016-02-18 06:51:37
我没有任何IOS产品来验证这一点，但看起来overflow: auto是一个已知的Safari。
试试这个：
#filterOptionsContainer {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35469227
复制相关文章
相似问题