国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 系統 > iOS > 正文

IOS 的彈性滾動解決方案

2019-10-21 18:51:16
字體:
來源:轉載
供稿:網友

所謂彈性滾動就是指在翻動長頁面手指離開時,由慢到塊,由快到慢的過度。

  安卓平臺上的大多數瀏覽器都默認了該行為

  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 的彈性滾動解決方案,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對VEVB武林網網站的支持!


注:相關教程知識閱讀請移步到IOS開發頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 英超| 陵川县| 正蓝旗| 融水| 仁化县| 子洲县| 阿巴嘎旗| 临泽县| 湘潭市| 云阳县| 临夏市| 德保县| 阿克陶县| 三江| 老河口市| 信宜市| 淮北市| 宁陕县| 肃南| 浪卡子县| 广安市| 石家庄市| 广汉市| SHOW| 保定市| 英吉沙县| 珠海市| 榕江县| 蓬溪县| 浦东新区| 赤峰市| 册亨县| 滦平县| 进贤县| 旬邑县| 凤山市| 库尔勒市| 中卫市| 东兰县| 鱼台县| 益阳市|