作一個微信項目,使用MUI作框架,在使用scroll定位的時候,出現了定位不許確的問題,查詢了好多資料,得知他是相對定位。折騰了很久,才搞定,如今作一個筆記。javascript
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; } });
出事位置html
參考文章:http://blog.csdn.net/sbt0198/article/details/51755843java
http://www.cnblogs.com/CyLee/p/5324622.html微信