簡介
有些網頁,只要一進滾動滑鼠,就會有一種「翻頁」滑出滑入的效果,每滑一下就是下一頁的效果。
運用範圍
上篇教的是用在是「首頁」的第一個大段落,此篇的作法比較進階,是「整頁每個段落」都可以有這樣的效果,就像是在「翻頁」一樣。
範例
原理與思路
主要用jQuery的滾動事件來判斷是否已滾動而且是滾動了第幾下,以對應「每個段」,並配合slideUp()與slideDown()來產生視覺上的滑出滑入效果。
實作
這段程式碼,我研究了一日,終於成功,免外掛,純在Elementor中貼上一段代碼即可運作 。
付費內容,需支付 : 1200 個學習幣
您須先登入會員以使用學習幣與發問功能。總結
在手機上,無法發揮效果,因手機沒有滑鼠滾動事件,所以此法使用時要慎重思考手機時我能接受無此效果嗎?或是手機瀏覽時使用其它效果,建議在手機時就保持一般無特效的狀態就好。