所謂彈性轉動就是指在翻動長頁面手指分開時,由慢到塊,由快到慢的過度。
安卓平台上的年夜多半閱讀器都默許了該行動
IOS以後還只對<body>下的 overflow 默許發生彈性轉動後果
前一陣子做了一個手機官網,用到了 <div> 中的 overflow,再調試 IOS 中碰到了彈性轉動的成績:
IOS 下 webkit 彈性轉動 css 指令 -webkit-overflow-scrolling: touch;
該指令再切換異樣須要做轉動處置的 div 是會碰到一下情形
1. 隨同著上一個轉動而轉動
2. 肇端定位誤差
3. 粘滯的壅塞感(掉去核心)
處理計劃:
.session{ -webkit-overflow-scrolling: touch; }
1. 切換標簽的同時去失落元素的 overflow-scrolling 屬性
$('.session').removeClass('sollow');
2. 切換標簽同時對目的 div 做初始化
document.getElementById('target').scrollTop = '0px'; // 依據須要添加
3. 將sollow從新加載到目的元素上
$('.session:eq(' + tar + ')').addClass('display sollow');
以上所述是小編給年夜家引見的IOS 的彈性轉動處理計劃,願望對年夜家有所贊助,假如年夜家有任何疑問請給我留言,小編會實時答復年夜家的。在此也異常感激年夜家對本站網站的支撐!
【IOS 的彈性轉動處理計劃】的相關資料介紹到這裡,希望對您有所幫助! 提示:不會對讀者因本文所帶來的任何損失負責。如果您支持就請把本站添加至收藏夾哦!