国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

js隱藏與顯示回到頂部按鈕及window.onscroll事件應用

2024-05-06 14:19:49
字體：大 中 小
來源：轉載
供稿：網友
現在大多數網站都會添加這種功能：當滾動條滾動到頁面的下方時，頁面的右下角會顯示出來一個“回到頂部”的按鈕或連接，點擊該按鈕后頁面會跳轉到頂部，或某一個適合查看內容的位置。

那么，如何控制“回到頂部”按鈕的顯示或隱藏呢？其實我們只需要實現window.onscroll 事件即可，代碼如下：
代碼如下:
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標簽）

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板： 辰溪县| 榕江县| 荥阳市| 麻阳| 定日县| 伊宁市| 大连市| 达日县| 府谷县| 文山县| 岳阳县| 喀喇| 蕲春县| 专栏| 嘉祥县| 闸北区| 宜章县| 如东县| 芦溪县| 台山市| 聂拉木县| 壶关县| 丹东市| 元谋县| 綦江县| 广安市| 洪湖市| 溧水县| 化隆| 沐川县| 诏安县| 赤峰市| 兴安县| 崇文区| 长寿区| 板桥市| 新营市| 饶平县| 汉川市| 始兴县| 仙居县|