MUI scroll 定位问题
2024-09-06 14:08:01
做一个微信项目,使用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
最新文章
- Django基础,Day9 - 静态文件目录与路径设置说明(eg. images, JavaScript, CSS)
- vim 使用2 转载 为了打开方便
- js-form进行reset重置
- Topshelf入门
- yuv 图像里的stride和plane的解释
- XML文件操作指南
- FZU-1925+几何
- bootstrap 3 のcheckbox-inline
- [C#参考]Struct结构体
- JZ2440串口打印字符作为调试
- 1091. Acute Stroke (30)
- Nginx安装详细指南
- 我的 Sublime Text 2 笔记
- CAD块参照转实体
- Iperf是一个网络性能测试工具
- UI基础:UIControl及其子类
- vim 安装vim-javascript插件--Vundle管理
- Linux 安装Nginx(使用Mac远程访问)
- svn提交失败 :“svn: E200007: Commit failed”
- springMVC与Struts2区别