javascript - 在 iOS safari 中使用带有输入的 iScroll 时，键盘将滚动条推到视口(viewport)上方并卡住

Question

有人知道如何解决这个问题吗？我与 Cubiq 的 Matteo 交谈过，他的解决方案是使用过渡而不是变换。现在，我本质上是在键盘出现时在页面下方添加键盘大小的填充，但这会带来一系列围绕光标困惑的新问题:

$('body').on('focus', 'input, textarea', function() {
                console.log('SCROLLER INPUT FOCUS');
                if(!self.getCurrentScroller()) return;
                self.getCurrentScroller().css('padding-bottom', 260);
                self.getCurrentIscroll().refresh();
                self.getCurrentIscroll().scrollToElement(this, 0);
            });

            $('body').on('blur', 'input, textarea', function() {
                console.log('SCROLLER INPUT BLUR');
                if(!self.getCurrentScroller()) return;
                self.getCurrentScroller().css('padding-bottom', 0);
                self.getCurrentIscroll().refresh();
                self.getCurrentIscroll().scrollToElement(this, 0);
            });

这个想法是，如果您位于 iscroll 的底部并且当键盘向上推时没有更多页面可以滚动，键盘只会导致 iScroll 卡在视口(viewport)上方。

Answer 1

有时虚拟键盘会导致物理滚动发生变化。这样当键盘隐藏时您可以将其滚动到顶部。

$wrapper.find('input, textarea').on('blur', function (e) {
    $wrapper.scrollTop(0);
});