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

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

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

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  508

angular.js - 求一個angularjs 下拉刷新資料和底部無限滾動載入資料插件

求一個angularjs 下拉刷新資料和底部無限滾動載入資料插件

大家讲道理 2017-05-15 17:13:16 0  1  896

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

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

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

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

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

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

javascript - 誰能推薦一個能在dom元素中預覽PDF的插件

類似圖上的這種效果，現在用了一個PDF插件叫objectPDF.js，使用之後，在pdf預覽插件後面的dom元素都沒有了。

ringa_lee 2017-05-19 10:09:10 0  2  564

css - 有沒有外掛可以把樣式表裡的樣式直接輸出到對應元素到style上

求這樣到一​​個插件，就是寫好樣式輸出到對應元素到style上 eg: {程式碼...}

学习ing 2017-06-24 09:43:08 0  2  832

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

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

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

javascript - react無限懶加載

隨著頁面滾動，使用react.js實現無限懶加載的思路，不要插件。

黄舟 2017-06-15 09:22:36 0  2  825

javascript - 關於jquery.lazyload使用時遇到的問題，求救!

發現這個插件似乎沒有對動態插入的元素做處理，也就是說動態插入的元素是無法正常顯示，而是一直顯示loading圖片，我現在的臨時解決方法是，給新插入的節點加一個唯一的容器，然後對這個容器進行初始話，大家有什...

ringa_lee 2017-05-19 10:45:21 0  3  622

javascript - js怎麼取得某元素顯示出來那部分的高度？

一個元素在滾動的時候，會有部分元素甚至全部元素隱藏，怎麼取得其可見那部分的高度？用clientHeight沒用，該怎麼搞？

过去多啦不再A梦 2017-06-12 09:30:22 0  4  729

javascript - 元素自動往上面移動了，描述不清，看圖吧

這是用的pullpage插件，第一次循環滾動後，箭頭沒有問題，循環一次，箭頭自動往上移動了 {代碼...}

黄舟 2017-05-16 13:38:37 0  1  431

在 Ionic 6 中設定離子模式內捲軸的樣式：逐步指南

ion-modal有一個預設的滾動條，如果內容溢位就會出現。我想設定滾動條的樣式。我可以使用::-webkit-scrollbar、::-webkit-scrollbar-track和::-webkit-scrollbar-thumb在應用程式中設定捲軸樣式，但它似乎無法在模態中運作。我嘗試將這些元素應用到模式內的多個元件，例如ion-content::-webkit-scrollbar，但它不

P粉547362845 2024-01-04 20:51:07 0  1  471

Vue滾動錨定在另一個頁面上？

我的網站標題中有一個路由器鏈接，點擊後會轉到頁面/registration，上面有一個表單。我想要實現的是，當單擊它時，它會使用vueScrollTo插件滾動到註冊表表單。它現在可以工作，但不是100%我希望它的行為。截至目前，當不在/registration頁面上並單擊時，它會完美滾動到表單，但是當我在/registration頁面本身並單擊路由器鏈接時，我會收到警告嘗試滾動到不在頁面上的元

P粉627027031 2024-02-21 10:17:16 0  2  394

javascript - js滾動條實現思路

沒有找到Vue2.0捲軸插件，我想用JS實作捲軸，在網路上找到了幾個捲軸實現的JS插件。求問哪位大神自己手動寫過滾動條代碼嗎？或有相關的部落格嗎？不需要程式碼，只需要說個基本的實作思維就OK了

PHP中文网 2017-06-12 09:32:11 0  4  828

javascript - vue.js有無比較快速的方法可以讓目前介面捲動到某部分。

例如常用的回到頂部，普通html頁面可以透過給a標籤的href屬性設定為某個id，然後點擊時就把滾動條滾動到了那一部分（當然，也可以直接設定滾動條距上的高度）。而我目前有個需求是，在同一個vue元件中，點選不同...

为情所困 2017-05-18 10:45:35 0  8  616

在 React 中附加到 div 的頂部而不弄亂滾動狀態

我在反應時遇到問題。我正在嘗試實現一個簡單的可滾動div，其中包含很多子div，可以透過水平滾動查看。基本上每個子div對應一天。用戶在第一次查看有關當天和接下來幾天的信息時加載該組件。但是，如果用戶滾動（向左或向右），我希望能夠附加更多信息，實現某種“無限滾動功能”。當我嘗試在父div的末尾附加新的子div時，我沒有任何問題。然而，當我嘗試在父div的開頭附加新的子元素時（例如，使用者想要查看前幾

P粉217629009 2024-03-19 19:13:46 0  1  447

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  683

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

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

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