完美解决微信下拉上拉
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了完美解决微信下拉上拉相关的知识,希望对你有一定的参考价值。
转http://note.youdao.com/share/?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>
以上是关于完美解决微信下拉上拉的主要内容,如果未能解决你的问题,请参考以下文章