寫在前面

成都創(chuàng)新互聯(lián)公司服務項目包括亭湖網(wǎng)站建設、亭湖網(wǎng)站制作、亭湖網(wǎng)頁制作以及亭湖網(wǎng)絡營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關系等，向廣大中小型企業(yè)、政府機構等提供互聯(lián)網(wǎng)行業(yè)的解決方案，亭湖網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務的客戶以成都為中心已經(jīng)輻射到亭湖省份的部分城市，未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任！

移動端頁面，有時候會出現(xiàn)一些固定定位在底部圖標，比如購物車等。這時候如果添加一個滑動頁面，圖標透明度變低，同時 移動到屏幕邊進行隱藏，效果如下。

所用原理

監(jiān)聽滑動事件，每次進行滑動時，觸發(fā)動畫，添加定時器，1.4s后顯示該圖標。具體代碼如下：

引入代碼如下：

github代碼

總結(jié)

以上所述是小編給大家介紹的Vue實現(xiàn)固定定位圖標滑動隱藏效果,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！