Question

我在产品页面的页脚上有一个固定的框，现在可以正常使用此修复程序：

html, body {
    -webkit-overflow-scrolling : touch !important;
    overflow: auto !important;
    height: 100%;
}

因为它修复了iPhone上你关注QTY输入字段的问题并将其拉到页面底部;以上修复现在已经整理好并且完美无缺！

但是，页面上的手风琴选项卡不能正常工作，如果我删除了他们工作的其他问题的修复，但他们不会。

我认为对于scrollto标签进行修复可能更容易，因为我已经搜索并阅读了修复焦点问题;当您单击选项卡时它所执行的操作只是转到页面顶部而不会滚动到活动选项卡。这是功能：

function scrollToTab(x) {
  $("html, body").animate({
    scrollTop: $(x).offset().top - 10
  }, scrollSpeed);
}

我确信这是html，身体它试图动画和滚动所以任何人都知道我可以改变这个以使两者都工作？

也许只在html上设置那些样式/修复，在输入聚焦时设置正文并在不支持时删除？这可能有用。