自適應手機屏幕高度(獲取手機屏幕高度)及頁面實現反彈效果


//自適應手機屏幕高度jstrunk的登錄頁面)

var screenHeight = document.documentElement.clientHeight;

mui.alert(screenHeight);

screenHeight-= 100;//解決手機下方自帶高度(帶有返回鍵的地方)

var body = document.getElementsByTagName('body')[0];

body.style.height = screenHeight + "px";

 

//實現頁面反彈效果js(僅適應於mui)

mui('.mui-scroll-wrapper').scroll({

scrollY: true, //是否豎向滾動

scrollX: false, //是否橫向滾動

startX: 0, //初始化時滾動至x

startY: 0, //初始化時滾動至y

indicators: false, //是否顯示滾動條

deceleration: 0.0010, //阻尼系數,系數越小滑動越靈敏

bounce: true //是否啟用回彈

});

(一定要用這兩行代碼包裹)

<div class="mui-scroll-wrapper " >

<div class="mui-scroll">

</div>

</div>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM