之前分享過幾篇都是關于返回頂部的JQery和javascript代碼,今天再來分享一個!
2、即插即用 javascript實現滾動下拉一定高度后顯示返回頂部,默認不顯示
今天要分享的返回頂部也很簡單:
window.onscroll = function () { if (document.documentElement.scrollTop + document.body.scrollTop > 100) { document.getElementById("scrollto").style.display = "block"; } else { document.getElementById("scrollto").style.display = "none"; } }
scrollto 為頁面上“回到頂部”的容器(div標簽)
比如:<div id="serollto">返回頂部</div>即可制作出返回頂部的功能!
其實對于返回頂部,使用這樣簡單的即插即用JS代碼,最為方便!