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>

并且页面内容类的内容长于视图端口。我尝试添加自动/滚动的overflow，overflow-x和overflow-y。但是没有任何作用。

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

Answer 1

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

Answer 2

这是因为我正在使用Hammerjs向父div滑动手势！终于修好了！：'）

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

2 个答案: