頁面滾動
事件:window.onscroll,
獲得頁面滾動位置:document.body.scrollTop;
HTML代碼:


這里注意此處邏輯,大於500就顯示,否則就隱藏,還有注意如果變量名設置為top的話,就出錯,都是小坑。
我們知道可以利用a標簽的#回到頂部效果,但是速度過快,導致用戶體驗不是太好,這里,可以利用JS實現回到頂部的效果:

頁面滾動
事件:window.onscroll,
獲得頁面滾動位置:document.body.scrollTop;
HTML代碼:


這里注意此處邏輯,大於500就顯示,否則就隱藏,還有注意如果變量名設置為top的話,就出錯,都是小坑。
我們知道可以利用a標簽的#回到頂部效果,但是速度過快,導致用戶體驗不是太好,這里,可以利用JS實現回到頂部的效果:

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。