垂直滚动不适用于 iOS 但适用于 Android

Question

我有一个用 Framework7 开发的 cordova 应用程序。垂直滚动在任何页面上都不起作用！

页面结构为

<div class="page" data-name="new-contact">
   <div class="navbar">
      <div class="navbar-inner sliding">
         <div class="left"><a href="#" class="link back"><i class="icon ion-ios-arrow-back"></i></a></div>
         <div class="title">Contact</div>
      </div>
   </div>
   <div class="page-content story-content" id="add-contact-content">
      <div class="block">
         <form id="contact-form" class="form-ajax-submit" enctype="multipart/form-data">
            <h1>Contact</h1>
            <div class="light-input story-input-focus no-icon-input"><input type="text" maxlength="231" id="reason" name="reason" placeholder="Reason"></div>
            <textarea class="light-input story-input-focus story-description-input" id="description" name="description" placeholder="Description"></textarea>
            <div id="add-contact" class="link red-button">Submit</div>
         </form>
      </div>
   </div>
</div>

并且页面内容 class 的内容比视口长。我尝试为 overflow、overflow-x 和 overflow-y 添加 auto/scroll 。但是没有任何效果。

它在 android 甚至 iOS 中完美运行，水平滚动有效，在左侧菜单面板中，垂直滚动也有效！

Answer 1

我在您提供的代码中找不到任何可以阻止滚动的内容。它必须在您的页面元素之外。

Answer 2

这是因为我在使用 hammerjs 向父级滑动手势 div！终于修好了！ :')

垂直滚动不适用于 iOS 但适用于 Android

Vertical Scroll Doesn't work on iOS but works good on Android

html

css

cordova

html-framework-7