CSS 元素邊緣位於滾動框邊緣「外部」意味著什麼？

解釋以下規範的正確方法是什麼？ 「如果元素邊緣A和元素邊緣B都在滾動框之外邊緣A和滾動框邊緣B，不執行任何操作。」來源：https://drafts.c​​omswg.org/cssom-view/#dom -scrollologicalposition-nearest:~:text=If%20element%20edge%20A%20and%20element%20edge%20B%20are%20b

P粉763748806 2024-01-16 23:45:09 0  1  547

無法捲動到頁面上方元素的溢出部分

如果我調整頁面大小，元素溢出到視窗之上，我無法向上滾動查看它們。我找到了一個帶有解決方案的問題，但它沒有起作用。我有兩個「核心」的不可見div和一個包含所有內容的div元素。 「container」div的存在是因為我試圖解決這個問題。 .container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:500;}.main-co

P粉041881924 2023-08-30 21:41:10 0  2  621

javascript - 為什麼scroll事件阻止不了冒泡？

需求是當滑鼠在頁面某個有捲軸的元素內部觸發scroll事件，阻止body的scroll一同觸發。說穿了就是：滑鼠在div裡滾時，即使div滾到頭了，body也不滾動。我給了div一個scroll事件，裡面阻止冒泡。想透過這個思路...

PHP中文网 2017-07-05 11:07:59 0  6  4274

如何計算元素滾動位置的百分比？

我想以百分比形式計算視窗內元素的滾動位置。 0%是元素頂部位於視窗底部的位置（尚未顯示）100%是元素底部位於視窗頂部的位置（所有元素已顯示）我很接近，但我知道我在思考數學中的一些錯誤。我製作了一個小演示來顯示多個元素的滾動百分比，但百分比都是錯誤的。 functiongetElemScrollPercent(selector){constscale=0.1;constel=document.quer

P粉786800174 2024-04-03 19:55:00 0  1  660

javascript - 請教，如何判斷一個元素是否滾動到螢幕視覺區域底部？

一個元素原來位於螢幕可視區域底部的上面，當滾動條往上滾動時，這個元素接觸到了屏幕底部，我想在該元素接觸到屏幕底部時觸發一個函數，那麼怎麼才能捕獲到元素接觸到屏幕底部這個情況呢？

给我你的怀抱 2017-05-19 10:26:18 0  3  782

javascript - 頁面滾動條出現時如何防止頁面跳動

頁面捲軸出現時如何防止頁面跳動前提： 1、需要相容ie8+2、頁面高度隨內容變化而定(即是不是固定高度) 問題：現代瀏覽器滾動條預設是overflow:auto 類型的，但現在需要定義一個元素靠右(.tips{ {程式碼...} }...

迷茫 2017-06-26 10:54:16 0  1  943

Vue 3中如何實現滾動到指定元素的變數？

我在純JavaScript中有以下函數來捲動到一個元素，我想將這段程式碼轉換為Vue3。 varsource=''functionshowScrollInto(currentLocation,toLocation){source=currentLocation//在隱藏部分後回傳的位置document.getElementById(toLocation).style.display='block'do

P粉060528326 2023-08-28 20:17:07 0  1  631

防止scrollIntoView()將容器捲動到頁面頂部

我正在嘗試建立一個簡單的“主要是css”圖像輪播，它使用滾動捕捉，但也有導航按鈕來控制當前查看的幻燈片。我找到的唯一解決方案是在目標元素上使用scrollIntoView()，它可以滿足我的要求，但它也總是將目標元素滾動到頁面頂部。我希望目標輪播投影片和容器保持在原來的位置，我只希望投影片水平滾動到視圖中。我正在看AdamArgyle的一個範例，他就是這樣做的，並且容器保持在原來的位置，我不知

P粉690200856 2024-03-26 20:25:28 0  1  497

CSS 背景漸層不會覆蓋整個頁面（包括可捲動內容）

我在HTML文件中遇到CSS背景漸層問題。我設計了一個使用線性漸層作為背景的頁面，並將其設定在body元素上。我面臨的問題是，漸變似乎在螢幕最初結束的地方結束，即使有更多內容需要滾動。因此，當您向下滾動時，漸變的第二個實例似乎會重新開始。這是我目前的CSS(SCSS)程式碼：@importurl('https://fonts.googleapis.com/css2?family=Poppins:wg

P粉506963842 2023-09-12 13:20:09 0  2  724

使用 getElementById 的 IntersectionObserver 的根始終為 null

在Angular專案中，我想將IntersectionObserver的視窗限制為DOM的特定部分。我使用id定義要用作root的元素：<divid="container"><divclass="page-list"><infinite-scroll-page(scrolled)="onInfiniteScroll()

P粉501683874 2024-03-29 00:07:25 0  1  441

javascript - 用 canvas 實作電子簽名，定位滑鼠在 canvas 中 座標

嘗試用 canvas 實作電子簽名時，無法準確取得滑鼠在 canvas 中的座標。 {程式碼...} 用 ev.clientY 取得了滑鼠的座標，但是 canvas.offsetTop 取得的是 距離父元素的高度。而 canvas 在一個有捲軸的表單中，所以...

巴扎黑 2017-05-16 13:36:00 0  1  623

頁面標題與頁面錨點重疊問題的解決方法

如果我在HTML頁面中有一個固定在頂部的非滾動標題，具有定義的高度：是否有一種方法可以使用URL錨點（#fragment部分）使瀏覽器滾動到頁面中的某個特定位置，但仍然尊重固定元素的高度而無需使用JavaScript的幫助？ http://example.com/#bar錯誤（但常見行為）：正確：+------------------------------ ---++---------------

P粉521748211 2023-08-21 19:18:36 0  2  580

滾動事件偵聽器加入元素，但只有當scrollTop不等於0時才能正確移動

所以我編寫了這個小腳本，其中有兩個列表-已完成/活動任務，您可以通過點擊按鈕切換任務列表，也可以通過點擊“更多信息”閱讀有關任務的更多信息。當點擊更多資訊時，創建了一個新的div元素，我想跟隨它的主機元素Y位置，並且它可以工作一半。這就是它的樣子：在此輸入圖像描述這是一個錯誤，當可滾動元素scrollTop不為0時，我很確定會發生這個錯誤（它是以正確的方式創建的，每當我開始滾動時，它都會立即向上

P粉427877676 2024-04-01 11:03:26 0  1  642

使用 Tab 鍵導覽頁面上的 html 元素

我無法使用Tab鍵在HTML頁面上使用Tab鍵滾動。這是我嘗試瀏覽選項卡的頁面圖片當“無法更新表”彈出視窗打開時。我點擊它並按下選項卡。我第一次按下選項卡時，焦點轉到圖片中的箭頭元素。但下次我按下該選項卡時，它會轉到元素Page3向上箭頭圖示是HTML中選定的<i標記，下一個<i標記是x按鈕。由於某種原因，它會跳過第二個<i標記，並且當第二次出現Tab鍵時不會轉到x按鈕。這可能是

P粉106301763 2024-02-03 21:30:59 0  1  484

如何在HTML中實現元素的層疊效果？

我想為這個元素製作一個自訂的工具提示，但是它被包含在一個框中，這個框沒有足夠的空間來顯示工具提示，所以它只是被裁剪了（實際上我可以滾動來顯示它，因為overflow被設定為auto，但是我希望它能夠在不滾動的情況下可見）。有沒有辦法讓它超出邊界顯示？我嘗試過使用z-index但沒有效果。這就是我所說的：.box{width:100px;height:100px;overflow:auto;bor

P粉486138196 2023-08-28 16:39:50 0  2  585

滾動到頂部按鈕在底部造成了頁面多餘的空白

我按照一些教程創建了一個基於CSS的浮動滾動到頂部按鈕。然而，我注意到最後一個HTML元素（例如最後一行）下面有額外的空白空間。額外的空白空間的高度與我的按鈕高度（50px）相符。我還嘗試添加一個額外的div標籤來封裝arrowUpdiv標籤，間隙減少了，但仍然有一些較小但明顯的空白空間。我想知道是否有一種方法可以避免額外的空白空間？ #arrowUp{position:sticky;width:

P粉226642568 2023-08-13 19:52:48 0  1  575

為什麼每次儲存我的vite react專案時，都會在頁面主體中新增新的canvas元素，而不是取代現有的canvas元素？

我正在嘗試開始學習ThreeJs（我也是JavascriptWeb開發的新手）。看了一些教學後，我從vite和react開始，然後從基本的旋轉立方體開始。該部分有效。但是根據我所讀到的有關vite的內容，保存我正在處理的文件應該足以將其重新加載到頁面上。事實並非如此。我檢查了頁面內容，每次保存文件時，都會將2x相同的畫布元素附加到頁面正文（而不是替換現有的），這意味著我必須向下滾動到頁面底部才能看

P粉186904731 2024-03-30 09:57:49 0  1  547

重新的標題為：固定的div列和剩餘的寬度

我正在嘗試建立一個5列佈局，其中所有列的高度都是瀏覽器視窗的全高度。除了中間列之外，其他列應該是固定的，當滾動瀏覽器/文件時不會移動。中間列將包含網站內容，並且會垂直溢出，所以在瀏覽器中應該像通常一樣滾動。除此之外，除了中間列之外的所有列都有固定的寬度，我需要中間列佔據剩餘空間（父元素的100%寬度）一個要求是不使用flexbox或css-grid。下面的程式碼是我得到的。添加列“c”甚至會搞亂所有

P粉786432579 2023-09-14 17:17:47 0  1  674