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

網(wǎng)站建設哪家好，找成都創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、小程序定制開發(fā)、集團企業(yè)網(wǎng)站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了吉木乃免費建站歡迎大家使用！

是什么

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

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

實現(xiàn)原理

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

代碼實現(xiàn)

HTML

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網(wǎng)頁名稱：vue實現(xiàn)全屏滾動效果（非fullpage.js）-創(chuàng)新互聯(lián)
文章地址：http://weahome.cn/article/depcos.html