js原生scroll事件 鼠標(biāo)滑動(dòng)一次切換一個(gè)頁(yè)面HTML CSS JS?
鼠標(biāo)滑動(dòng)一次切換一個(gè)頁(yè)面HTML CSS JS?我覺(jué)得這個(gè)想法是把一個(gè)頁(yè)面垂直分成N個(gè)部分,每個(gè)部分的高度和寬度正好是瀏覽器的高度和寬度,而正文的溢出設(shè)置為hidden,使用js來(lái)監(jiān)控滾輪的滾動(dòng)事件。
鼠標(biāo)滑動(dòng)一次切換一個(gè)頁(yè)面HTML CSS JS?
我覺(jué)得這個(gè)想法是把一個(gè)頁(yè)面垂直分成N個(gè)部分,每個(gè)部分的高度和寬度正好是瀏覽器的高度和寬度,而正文的溢出設(shè)置為hidden,使用js來(lái)監(jiān)控滾輪的滾動(dòng)事件。您只需獲取方向(向上或向下滾動(dòng)),并防止?jié)L動(dòng)本身的默認(rèn)操作冒泡(即滾動(dòng)滾輪時(shí),不要讓頁(yè)面滾動(dòng))。在獲得方向后,在滾動(dòng)過(guò)程中從機(jī)身的滾動(dòng)頂部加減瀏覽器高度,顯示器應(yīng)暫時(shí)屏蔽,以免屏幕在滾動(dòng)過(guò)程中開(kāi)始執(zhí)行新的滾動(dòng)動(dòng)作,造成動(dòng)畫(huà)混亂