本文實例為大家分享了vue實現(xiàn)全屏滾動效果（的具體代碼，供大家參考，具體內(nèi)容如下

魏都網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司,魏都網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為魏都上千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢，請找那個售后服務(wù)好的魏都做網(wǎng)站的公司定做！

是什么

網(wǎng)頁的一個頁面占據(jù)一屏的寬高，多個頁面上下或者左右拼接在一起。當(dāng)滑動鼠標(biāo)滾輪，或點擊導(dǎo)航按鈕時，可以平滑到對應(yīng)的頁面。

此次只實現(xiàn)鼠標(biāo)滾動

實現(xiàn)原理

使用mousewheel , DOMMouseScroll(火狐用)監(jiān)聽鼠標(biāo)滾動事件，當(dāng)鼠標(biāo)上下的滾動的時候，當(dāng)前的頁面transformY(屏高)或者transformX(屏寬)

代碼實現(xiàn)

HTML

JS

CSS

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。