說起來還有點打大臉,作為一個天天嗓門大的FEer居然不能瞇著來它個旋轉(zhuǎn)、跳躍。只能瞇著眼查API......
PM說“我要這種滾動效果哦...” ,我想了想 “滾動嘛...這技能我有的”,于是一拍胸脯說“冇問題”。但是看了下市面上app里面居然沒找到現(xiàn)成的,意味著我要自己發(fā)揮。那么我第一想到的自己寫滾動唄,發(fā)現(xiàn)移動端可不比pc,畢竟touch的事件領(lǐng)域帶來了很多不可控。再者pm要的那種duang一下的效果,用js寫起來卡得飛起。腫么辦,找框架!那就iscroll唄,于是開始看api,貌似走得通,不過咋代價已經(jīng)遠遠超過我拍胸脯說的一天了呢...但是,寶寶就是個luckyer??!我無聊翻看shen先生的網(wǎng)站,發(fā)現(xiàn)這不就是我要的效果嘛,來來來 ~讓我們扒開它看看。
鋪墊那么長,過程依舊那么帶有我的風(fēng)采,我發(fā)現(xiàn)居然css界有如此神奇的屬性
-webkit-overflow-scrolling
功能:控制元素在移動設(shè)備上是否使用滾動回彈效果
取值:auto、touch
兼容性:ios5+ 、safari
簡直一行代碼就讓我可以得瑟一下午,不用苦逼寫好幾百行滾動來滾動去!
被弱化的css技能
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
- 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...