鼠标滚轮可以滑动但手机上无法滑动

2019独角兽企业重金招聘Python工程师标准>>>

工具：iuap mobile

左侧页面固定右侧页面内容撑开高度，使用鼠标滚轮可以滑动，但手机上无法滑动

解决

• 根据网上给出的方案：
  • 查找文件中是否在document上绑定了事件后，阻止了事件。

  document.addEventListener('ontouchmove',function(event){
      event.preventDefault();
      return false;
  })
  

  • 布局一定是正确的

  <style>
      .content {
          overflow-y:scroll;
      }
  </style>
  

• 我试过，但是不行
• 后来终于尝试，使用listview组件不行，但是可以使用listgroup就好使了。

<!-- <script src="../js/Frameworks/iuapmobile.frameworks.listview.js"></script> -->
<script src="../js/Frameworks/iuapmobile.frameworks.listgroup-2.7.0.js"></script>

• 所以，忘掉listview组件吧，使用listgroup更能满足布局需求。

其他注意点

• 后来发现，有可能是缺少对应的listview.css文件
• 有可能是fieldset布局的问题，需要把fieldset组件放到header中，不能单独重新放到一个div盒子，应该是fieldset组件浮动的问题。

转载于:https://my.oschina.net/yxmBetter/blog/1581559