堆棧內存溢出
cost 251 ms
如何在 React 功能組件的 onScroll 事件中添加設置 state 的事件監聽器？

[英]How to add an event listener that sets state in the onScroll event of a React functional component?

在自定義 React 功能組件的 onScroll 事件期間，我很難嘗試設置變量的 state 。 可以在這里看到一個最小的工作 CodeSandbox： https://codesandbox.io/s/j8ml44 當我滾動列表 B 時，控制台記錄並按預期觸發滾動事件（注冊滾動事件，記錄“滾動 ...

在頁面刷新和自動瀏覽器滾動時執行 function onscroll 事件的正確方法？

[英]Correct way to execute a function on onscroll event on page refresh and automatic browser scroll?

我有一個在 onscroll 事件上執行的 function，我注意到當我刷新頁面並且瀏覽器保留它的滾動時它不會執行 position。所以我想知道我是否需要顯式調用一次 function 或者有更好的方法來處理這個。 這是我的 function：` ` 嗯，我知道使這項工作的唯一方法是顯式調用 ...

我在 React Redux 的 useSelector 變量中得到未定義的背景顏色值

[英]I am getting background color value undefined in useSelector variable in React Redux

我正在研究 Header onscroll功能。 當用戶scroll時，應應用background white ，當用戶scroll up至0時，應應用background transparent色。 我通過dispatch操作發送兩個對象並通過useSelector獲取它。 但是我在控制台的bg屬 ...

如何將事件偵聽器（onScroll）添加到特定 div 中的每個元素以做出反應？

[英]how to add event listener (onScroll) to every element inside a specific div in react?

如何將 onScroll 事件偵聽器添加到特定 div 內的每個元素？ （例如，帶有 class 的 div：“add-event-listener-to-every-element-in-me”，如下所示。 在下面的示例中，div 內只有 2 個元素，所以當然我可以手動添加它，但在我的代碼中有 ...

為什么滾動事件會在頁面實際滾動之前觸發？

[英]Why does the scroll event trigger before the page actually scrolls?

下面的代碼在document object 上設置了兩個事件監聽器， keydown和scroll事件。 據我所知，在調用堆棧中完全處理分配給keydown事件的處理程序后，使用ArrowUp/Down鍵滾動應該執行滾動 web 頁面的默認操作。 完成后，應執行默認操作（滾動），然后執行scrol ...

如果您將它用於所有頁面中的共享元素和僅一頁中的單個元素，如何停止滾動事件錯誤

[英]How to stop onscroll event error if you use it for a shared element in all pges and a single element in one page only

問題是： 背景僅在第一頁中，但 div 在所有頁面中共享。 未經檢查，一切看起來都很好。 但是當我在其他沒有背景的頁面上檢查瀏覽器時，每次滾動都會出現以下錯誤。 我通過創建一個單獨的 js 文件解決了這個問題，該文件只包含主頁的滾動代碼。 它工作得很好，但我想知道是否可以在不創建新 js 文件的情況 ...

帶 css animation 的活動導航欄

[英]Active navbar with css animation

我的導航欄有問題。 這是一個 3D 旋轉導航欄。 它固定在左側。 從視覺上看，它是堆疊的紙箱。 每個 Carbox 是一個 LI 元素。 當鼠標懸停時，會出現一個帶有 after 元素和 css animation 的旋轉，顯示內容屬性中 after 元素中的部分名稱。 目前我還沒有設法將錨鏈接放在 ...

html + javascript滾動檢測不起作用

[英]html + javascript scroll detection not working

我似乎無法讓滾動事件適用於此布局。 我被困住了，我想知道你們是否可以幫助我。 我要做的是檢測具有 id="myContent" 的內容 div 何時滾動。 我究竟做錯了什么？ 提前致謝。 任何幫助表示贊賞。 提前致謝 此致 ...

正確到達window邊緣的事件（onscroll）

[英]Event of reaching the edge of window in correct way (onscroll)

以防萬一，這是我的第一個問題。 我有：具有透明背景的導航菜單，並在到達 window 的頂部邊緣時嘗試更改背景。 window.addEventListener("scroll", navSticky); function navSticky(){ let nav = document.getE ...

添加onscroll事件以突出顯示每個階段的背景顏色

[英]Add onscroll event to highlight the background colour of each phases

我正在嘗試添加 onscroll 事件，它會突出顯示每個階段的背景顏色，有什么建議嗎？ 這是我的 html 代碼我嘗試了一些偵聽器選項，但我沒有任何運氣 document.addEventListener("scroll", myFunction) function myFunction() { i ...

觸發 javascript animation 與 class 添加到滾動

[英]Trigger javascript animation with class added on scroll

當用戶滾動到頁面的那部分時，我想計算一些數字。 我有一塊 javascript 當用戶到達它時將 class “滾動”到我的元素中。 我有一個單獨的 javascript 文件，用於動畫計數。 數字使用 class 名稱“計數”正確動畫，但是當我將 class 名稱“滾動”到 javascript ...

無法讀取 scrollY 的值

[英]Not been able to read the value of scrollY

我一直在嘗試讀取 scrollY 的值（chrome 版本 96.0.4664.45（官方構建）（64 位））。 但這似乎不起作用。 這是我的代碼： 這是 output 的圖片： ...

100vh 后在滾動時更改導航欄顏色

[英]Changing navbar color on scroll after 100vh

當我滾動超過 100vh 時（當我從一個部分更改為另一個部分時），我想更改導航欄的顏色。 我怎樣才能做到這一點？ 我測試了這段代碼，但它不起作用。 這是CSS： ...

滾動導航欄時更改活動列表

[英]change the active list when scrolling navbar

我試圖讓我的導航欄在部分之間移動，我會向下滾動。 我試圖用 JS 讓它工作，但我不能讓它工作它是當我用事件監聽器點擊時改變活動類但是當我滾動時我不能讓它工作 謝謝你的幫助 這是我的 js 代碼 這是我的 html ...


排序:
質量:
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM