我有一个最底层的抽屉,它是固定在底部的。当敲击时,抽屉会滑动,显示更多的内容。在iOS 7上,当用户点击输入标签或textarea标签时,虚拟键盘就会弹出。然而,当键盘弹出时,抽屉会跳到页面上,而不是停留在底部。如需说明,请参阅下图。
我第一次在Safari上也遇到了这个问题,但我添加了以下代码,以便在打开键盘时将固定位置更改为绝对位置:
// Apple.Device detects if it is an apple device
if (Modernizr.touch && Apple.Device) {
/* cache dom references */
在iOS上的Chrome和Safari中,有没有一种方法可以一次只滚动一个方向?换句话说,如果我开始垂直滚动一个元素,我想关闭用户水平滚动的功能,直到垂直滚动完成。反之亦然。
在iOS原生代码中称为,在微软浏览器中称为。
在Chrome for iOS (或者Safari for iOS,因为它们在幕后使用相同的渲染引擎)可以识别的CSS中是否存在这样的东西?
如果没有,有没有javascript解决方案,最好是与React兼容的npm包?
关于Safari中的“如何样式化元素”,这里有很多答案,例如How can I remove the gloss on a select element in Safari on Mac? 但是他们都不允许我在iOS上设置background-color。 这是不可能的吗?我尝试过-webkit-appearance: none,但它在iOS上不起作用;您可以使用下面的CodePen来测试它是否起作用:https://codepen.io/jonmircha/pen/PEvqPa