<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet"/>
<script type="text/javascript" charset="utf-8">
mui.init();
mui('.mui-scroll-wrapper').scroll({
deceleration: 0.0002 //flick 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006
});
</script>
</head>
<body>
<div class="mui-scroll-wrapper" style="top:0;height: 3000px;">
<div class="mui-scroll">
<!--这里放置真实显示的DOM内容-->
<div style="background: #007AFF;height: 300px;width: 100%;"></div>
<div style="background: #242424;height: 300px;width: 100%;"></div>
<div style="background: #007AFF;height: 300px;width: 100%;"></div>
<div style="background: #242424;height: 300px;width: 100%;"></div>
<div style="background: #007AFF;height: 300px;width: 100%;"></div>
<div style="background: #242424;height: 300px;width: 100%;"></div>
</div>
</div>
</body>
</html>
无论怎么更改deceleration:1 或者 0.00000000001 都是一样的效果,滑动没有一点不同!没有加速,没有减速。。
stonemaker (作者)
经测试 把js块放在body内会出现 页面只能滑动一次,然后卡住,无法滑动的bug
2016-01-22 15:57
DCloud_UNI_FXY
回复 stonemaker:移除height的设置
2016-01-22 16:05
r***@126.com
我用了VUE。放在body<script>开头都不不行,一定要放在</script>的前面。也就是最后的最后,等VUE渲染后在滚动。JS的弱语言特性真的是表现的淋漓尽致!。。。
2017-11-01 11:25