欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

IOS 的彈性滾動解決方案

 更新時間：2016年10月24日 11:41:34   作者：黎焱  
所謂彈性滾動就是指在翻動長頁面手指離開時，由慢到塊，由快到慢的過度。這篇文章主要介紹了IOS 的彈性滾動解決方案,需要的朋友可以參考下

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

　　安卓平臺上的大多數(shù)瀏覽器都默認(rèn)了該行為

　　ios當(dāng)前還只對<body>下的 overflow 默認(rèn)產(chǎn)生彈性滾動效果

　　前一陣子做了一個手機官網(wǎng)，用到了 <div> 中的 overflow，再調(diào)試 ios 中遇到了彈性滾動的問題：

　　ios 下 webkit 彈性滾動 css 指令 -webkit-overflow-scrolling: touch;

　　該指令再切換同樣需要做滾動處理的 div 是會遇到一下情況

　　1. 伴隨著上一個滾動而滾動

　　2. 起始定位偏差

　　3. 粘滯的阻塞感（失去焦點）

　　解決方案：

　.session{
　　　　-webkit-overflow-scrolling: touch;
　　}

　　1. 切換標(biāo)簽的同時去掉元素的 overflow-scrolling 屬性

$('.session').removeClass('sollow');

　　2. 切換標(biāo)簽同時對目標(biāo) div 做初始化　

document.getElementById('target').scrollTop = '0px'; // 根據(jù)需要添加

　　3. 將sollow重新加載到目標(biāo)元素上

$('.session:eq(' + tar + ')').addClass('display sollow');

以上所述是小編給大家介紹的IOS 的彈性滾動解決方案，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

  • iOS彈幕組件LNDanmakuMaster的具體使用

    iOS彈幕組件LNDanmakuMaster的具體使用

    這篇文章主要介紹了iOS彈幕組件LNDanmakuMaster的具體使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-02-02
  • iOS算法教程之分段截取常數(shù)示例

    iOS算法教程之分段截取常數(shù)示例

    這篇文章主要給大家介紹了關(guān)于iOS算法教程之分段截取常數(shù)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。
    2018-01-01
  • iOS圖片實現(xiàn)可拉伸不變形的處理操作

    iOS圖片實現(xiàn)可拉伸不變形的處理操作

    這篇文章主要為大家詳細(xì)介紹了iOS圖片實現(xiàn)可拉伸不變形的處理操作，通過UIImage對象調(diào)用該方法，并且傳入要拉伸的圖片的名字作為參數(shù)，實現(xiàn)返回一個可拉伸不變形的圖片，感興趣的小伙伴們可以參考一下
    2016-05-05
  • iOS 彈幕功能的實現(xiàn)思路圖解

    iOS 彈幕功能的實現(xiàn)思路圖解

    這篇文章主要介紹了iOS 彈幕功能的實現(xiàn)思路圖文詳解，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-07-07
  • 解決ios微信頁面回退不刷新的問題

    解決ios微信頁面回退不刷新的問題

    下面小編就為大家?guī)硪黄鉀Qios微信頁面回退不刷新的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2017-05-05
  • 兩種iOS調(diào)用系統(tǒng)發(fā)短信的方法

    兩種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。這對app來說非常重要。
    2016-07-07
  • iOS指紋驗證TouchID應(yīng)用學(xué)習(xí)教程2

    iOS指紋驗證TouchID應(yīng)用學(xué)習(xí)教程2

    這篇文章主要為大家詳細(xì)iOS指紋驗證TouchID應(yīng)用學(xué)習(xí)教程的第一篇，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-01-01
  • iOS中使用對象的弱引用示例代碼

    iOS中使用對象的弱引用示例代碼

    這篇文章主要給大家介紹了關(guān)于iOS中使用對象的弱引用的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-01-01
  • iOS實現(xiàn)簡單計算器小功能

    iOS實現(xiàn)簡單計算器小功能

    這篇文章主要為大家詳細(xì)介紹了iOS實現(xiàn)簡單計算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2022-01-01
  • iOS定時器的選擇CADisplayLink NSTimer和GCD使用

    iOS定時器的選擇CADisplayLink NSTimer和GCD使用

    這篇文章主要為大家介紹了iOS定時器的選擇CADisplayLink NSTimer和GCD使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
    2023-03-03

最新評論