IOS 的彈性滾動(dòng)解決方案
所謂彈性滾動(dòng)就是指在翻動(dòng)長(zhǎng)頁(yè)面手指離開(kāi)時(shí)，由慢到塊，由快到慢的過(guò)度。
安卓平臺(tái)上的大多數(shù)瀏覽器都默認(rèn)了該行為
ios當(dāng)前還只對(duì)<body>下的 overflow 默認(rèn)產(chǎn)生彈性滾動(dòng)效果
前一陣子做了一個(gè)手機(jī)官網(wǎng)，用到了 <div> 中的 overflow，再調(diào)試 ios 中遇到了彈性滾動(dòng)的問(wèn)題：
ios 下 webkit 彈性滾動(dòng) css 指令 -webkit-overflow-scrolling: touch;
該指令再切換同樣需要做滾動(dòng)處理的 div 是會(huì)遇到一下情況
1. 伴隨著上一個(gè)滾動(dòng)而滾動(dòng)
2. 起始定位偏差
3. 粘滯的阻塞感（失去焦點(diǎn)）
解決方案：
.session{
-webkit-overflow-scrolling: touch;
}
1. 切換標(biāo)簽的同時(shí)去掉元素的 overflow-scrolling 屬性
$('.session').removeClass('sollow');
2. 切換標(biāo)簽同時(shí)對(duì)目標(biāo) div 做初始化
document.getElementById('target').scrollTop = '0px'; // 根據(jù)需要添加
3. 將sollow重新加載到目標(biāo)元素上
$('.session:eq(' + tar + ')').addClass('display sollow');
以上所述是小編給大家介紹的IOS 的彈性滾動(dòng)解決方案，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
- IOS上iframe的滾動(dòng)條失效的解決辦法
- iOS應(yīng)用開(kāi)發(fā)中UIScrollView滾動(dòng)視圖的基本用法總結(jié)
- iOS實(shí)現(xiàn)滾動(dòng)字幕的動(dòng)畫特效
- IOS中UITableView滾動(dòng)到指定位置
- iOS ScrollView嵌套tableView聯(lián)動(dòng)滾動(dòng)的思路與最佳實(shí)踐
- iOS使用UICollectionView實(shí)現(xiàn)橫向滾動(dòng)照片效果
- ios之UIScrollerView滾動(dòng)視圖總結(jié)
- iOS Swift UICollectionView橫向分頁(yè)滾動(dòng)，cell左右排版問(wèn)題詳解
- 在IOS系統(tǒng)上滾動(dòng)條滾動(dòng)到指定的位置出現(xiàn)空白頁(yè)面的解決方案
- iOS實(shí)現(xiàn)循環(huán)滾動(dòng)公告欄
相關(guān)文章
這篇文章主要介紹了iOS彈幕組件LNDanmakuMaster的具體使用，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02
這篇文章主要給大家介紹了關(guān)于iOS算法教程之分段截取常數(shù)的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。2018-01-01
這篇文章主要為大家詳細(xì)介紹了iOS圖片實(shí)現(xiàn)可拉伸不變形的處理操作，通過(guò)UIImage對(duì)象調(diào)用該方法，并且傳入要拉伸的圖片的名字作為參數(shù)，實(shí)現(xiàn)返回一個(gè)可拉伸不變形的圖片，感興趣的小伙伴們可以參考一下2016-05-05
這篇文章主要介紹了iOS 彈幕功能的實(shí)現(xiàn)思路圖文詳解，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-07-07
下面小編就為大家?guī)?lái)一篇解決ios微信頁(yè)面回退不刷新的問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05
兩種iOS調(diào)用系統(tǒng)發(fā)短信的方法
iOS調(diào)用系統(tǒng)的發(fā)短信功能可以分為兩種：1，程序外調(diào)用系統(tǒng)發(fā)短信。2，程序內(nèi)調(diào)用系統(tǒng)發(fā)短信。第二種的好處是用戶發(fā)短信之后還可以回到app。這對(duì)app來(lái)說(shuō)非常重要。2016-07-07
iOS指紋驗(yàn)證TouchID應(yīng)用學(xué)習(xí)教程2
這篇文章主要為大家詳細(xì)iOS指紋驗(yàn)證TouchID應(yīng)用學(xué)習(xí)教程的第一篇，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要給大家介紹了關(guān)于iOS中使用對(duì)象的弱引用的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-01-01
iOS實(shí)現(xiàn)簡(jiǎn)單計(jì)算器小功能
這篇文章主要為大家詳細(xì)介紹了iOS實(shí)現(xiàn)簡(jiǎn)單計(jì)算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
iOS定時(shí)器的選擇CADisplayLink NSTimer和GCD使用
這篇文章主要為大家介紹了iOS定時(shí)器的選擇CADisplayLink NSTimer和GCD使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03