做一个微信项目,使用MUI做框架,在使用scroll定位的时候,出现了定位不准确的问题,查询了好多资料,得知他是相对定位。折腾了好久,才搞定,现在做一个笔记。

 mui('body').on('tap', 'a', function (e) {
var data = this.getAttribute('val');
mui('.mui-scroll-wrapper').scroll().reLayout();//重新计算布局值,最大滚动的高度等等
let y = 0;
let current_top = mui('.mui-scroll-wrapper').scroll().y;
switch (data) {
case 'p'://商品
mui('.mui-scroll-wrapper').scroll().scrollTo(0, y, 100);
break;
case 'i'://简介
y = $('#dvpintro').offset().top-120; //计算位置
y = parseInt(current_top - y);
if (y > 0)
y = -y;
mui('#scroll1').scroll().scrollTo(0, y , 100);
break;
case 't': //套餐
y = $('#dvpintro').offset().top + (- 1700);//计算位置
y = current_top - y;
if (y > 0)
y = -y;
mui('.mui-scroll-wrapper').scroll().scrollTo(0, y, 100);
break;
}
});

 出事位置

参考文章:http://blog.csdn.net/sbt0198/article/details/51755843

http://www.cnblogs.com/CyLee/p/5324622.html

 

最新文章

  1. Django基础,Day9 - 静态文件目录与路径设置说明(eg. images, JavaScript, CSS)
  2. vim 使用2 转载 为了打开方便
  3. js-form进行reset重置
  4. Topshelf入门
  5. yuv 图像里的stride和plane的解释
  6. XML文件操作指南
  7. FZU-1925+几何
  8. bootstrap 3 のcheckbox-inline
  9. [C#参考]Struct结构体
  10. JZ2440串口打印字符作为调试
  11. 1091. Acute Stroke (30)
  12. Nginx安装详细指南
  13. 我的 Sublime Text 2 笔记
  14. CAD块参照转实体
  15. Iperf是一个网络性能测试工具
  16. UI基础:UIControl及其子类
  17. vim 安装vim-javascript插件--Vundle管理
  18. Linux 安装Nginx(使用Mac远程访问)
  19. svn提交失败 :“svn: E200007: Commit failed”
  20. springMVC与Struts2区别

热门文章

  1. Oracle 反向索引(反转建索引) 理解
  2. IE浏览器关于ajax的缓存机制
  3. 模块socket使用
  4. #leetcode刷题之路2-两数相加
  5. Linux入门-第四周
  6. jQuery 打气球小游戏 点击气球爆炸效果
  7. PHP中判断变量为空的几种方法小结
  8. 10-C++远征之模板篇-学习笔记
  9. springMVC3
  10. Python自动化运维——IP地址处理模块