HTML5技术

移动端H5页面遇到的问题总结 - 非梧不栖(2)

字号+ 作者:H5之家 来源:H5之家 2017-01-20 13:01 我要评论( )

div div div span/span span下拉刷新/span /div div div /div /div div span/span span上拉刷新/span /div /div /div 先是第三种,给scroll元素增加css样式,scroll元素是#scroller,上午做测试的时候用的是#scroll

<div>
  <div>
    <div>
      <span></span>
      <span>下拉刷新</span>
    </div>
    <div>
      <div>

      </div>
    </div>
    <div>
      <span></span>
      <span>上拉刷新</span>
    </div>
  </div>
</div>

  先是第三种,给scroll元素增加css样式,scroll元素是#scroller,上午做测试的时候用的是#scroller-content(啊啊啊啊啊!!!)现在才发现元素选错了,不知道是不是这个原因导致的第三种方法没有生效(存疑)。

  第二种方法,注释掉实例化时的probeType属性,然而发现,并没有什么用。。。于是又开启了茫茫网络上的捞针行动。

  最终,在CSDN()上找到了可行办法:

    document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

  偶,这中间还有个小插曲,为了解决这个滑动问题,一度傻逼得怀疑是不是没有写fastclick的原因,后来加上了并没有解决问题,也忘记了删掉,还导致后面的a标签需要点击多次才能跳转链接的问题,郁闷。。。

  加上了这句代码之后,我的手机页面终于也是顺顺畅畅的了,哈~舒心~就喜欢遇到这种花时间就能解决的问题

  以下是问题:

  1、在解决touchstart、touchmove、touchend引发的问题的时候顺带解决了一个不知名bug,这个页面上有个输入框,每当输入框开始输入数据后页面就会白屏,只留下孤独的光标在那里闪烁,输入点击完成后页面又显示出来了,这个只是IOS上的问题,奇怪的是,还没有开始找原因,解决了页面卡死事件后这个问题也莫名其妙的不见了,简直灵异。。。

  2、解决最后一个问题的时候因为傻逼加上了fastclick,又引发了我的头脑风暴,fastclick能够解决移动端的300ms延迟问题,那按理说我加上了之后点击应该比之前反应快一点才对,为什么反而需要多次点击才能跳转链接呢????

  做这个总结的时候已经是项目发版本的晚上8点,加班狗已哭晕在厕所,这一次的项目我学到不少好东西,虽然连加了两周的班,毕竟无欲无求,也就无所谓了。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • H5移动端知识点总结 - 惟愿一生

    H5移动端知识点总结 - 惟愿一生

    2017-01-20 12:03

  • 性能优化实战案例——助力某移动OA系统 - Double_K

    性能优化实战案例——助力某移动OA系统 - Double_K

    2017-01-19 15:00

  • ASP.NET 页面之间传值的几种方式 - Alan_beijing

    ASP.NET 页面之间传值的几种方式 - Alan_beijing

    2017-01-18 15:00

  • 使用Html5+C#+微信 开发移动端游戏详细教程:(六)游戏界面布局与性能优化 - 乔克灬叔叔

    使用Html5+C#+微信 开发移动端游戏详细教程:(六)游戏界面布局与性

    2017-01-08 09:00

网友点评
-