[英]How can I make a button appear on scroll just using 'plain' html, CSS and Javascript
我試圖用我在網上找到的一個概念來實現這一點（因為我是編碼的菜鳥......）......效果不太好，並且離線滾動填充和“登錄”按鈕出現一秒鍾后就消失了……
要查看 web：
如果有人可以請給我一個簡單的代碼，包括：Html，（Css，）JavaScript，（沒有Jquery）如何在該網站上完成相同的想法（按鈕）......
謝謝你！
您想監聽 window 滾動事件並檢查主按鈕是否可見。 您可以通過使用Element.getBoundingClientRect();
bottom屬性告訴你元素的底部距離屏幕頂部有多少像素。 如果數字小於零，則表示元素的底部不在屏幕頂部。
此時，只需將隱藏按鈕切換到視圖中。 在我的演示中，我通過向該按鈕添加 CSS class 來做到這一點。
如果用戶向上滾動並且主按鈕再次可見，您可以通過刪除之前添加到其中的 class 來隱藏側按鈕。
使用帶有 getBoundingClientRect 的滾動事件可能會降低性能您可以使用交叉點觀察器檢查在視口中輸入的元素https://developers.google.com/web/updates/2016/04/intersectionobserver
如何在按下按鈕后顯示某些獲取數據。 使用 JavaScript 和 HTML
[英]How can I make certain fetch data appear after pressing a button. Using JavaScript and HTML
如何在不使用任何mysql查詢，僅使用簡單的javascript或jquery的情況下在HTML表中進行搜索？
[英]How can I search in a HTML table without using any mysql queries, just a plain javascript or jquery to be specific?
如何使圖像出現在 javascript 中（並在放大時滾動）
[英]How can I make a image appear in javascript (and scroll whilst zoomed in)
如何在HTML / Javascript / CSS中使動態文本在曲線上滾動？
[英]How can I make dynamic text scroll on a curve in HTML/Javascript/CSS?
如何通過單擊Javascript來使HTML TD設置為overflow：hiddenscroll隱藏滾動？
[英]How can I make an HTML TD that's set to overflow:hidden scroll smoothly with the click of a button through Javascript?
如何僅使用 javascript（無 jquery）使 html 圖像在滾動時淡入？
[英]How can I make html images fade in on scroll using only javascript (no jquery)?
選擇選項（CSS）后如何使單選按鈕顯示為選中狀態
[英]How can i make a radio button appear checked after selecting an option (CSS)
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
