HTML5技术

完美解决微信下拉上拉 - wangweisheng

字号+ 作者:H5之家 来源:H5之家 2017-04-09 17:04 我要评论( )

转?id=f13df2c846cac5d4f0e24a715d8372a6type=note#/ 完美解决微信下拉上拉回弹 1、使用jroll.js完美解决,下载jroll.js。 2、DOM结构为: class container 为滑动页面 3、添加css #wrapper { position: absolute; top: 44px; bottom: 0; width: 100%; } 4、

转?id=f13df2c846cac5d4f0e24a715d8372a6&type=note#/

完美解决微信下拉上拉回弹

1、使用jroll.js完美解决,下载jroll.js。

2、DOM结构为:

class container 为滑动页面

3、添加css

#wrapper {

            position: absolute;

            top: 44px;

            bottom: 0;

            width: 100%;

      }

4、编写js

<script src="js/jroll.js"></script>

<script>

//阻止浏览器默认事件

document.addEventListener('touchmove', function(e) {

e.preventDefault()

}, false);

var jroll = new JRoll("#wrapper", {

id: "demo1"

});

</script>

 

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

相关文章
  • 解决canvas跨域问题(图片,视频资源跨域) - 小结巴巴吧

    解决canvas跨域问题(图片,视频资源跨域) - 小结巴巴吧

    2017-03-08 16:04

  • 关于ionic2打包android时gradle下载不了的解决方法(附:简单优化启动速度彩蛋) - 无所事事者爱嘲笑

    关于ionic2打包android时gradle下载不了的解决方法(附:简单优化启

    2017-03-03 13:00

  • 移动端bug之解决方式 - 熊翠

    移动端bug之解决方式 - 熊翠

    2017-02-17 18:05

  • H5项目常见问题汇总及解决方案 - kelly*

    H5项目常见问题汇总及解决方案 - kelly*

    2017-02-16 11:03

网友点评