React/ES6 Onscroll function 未在 Y 方向觸發

Question

滾動條參考圖片

我創建了一個 web 應用程序，其中我需要 scrollTop 的值。 更改溢出屬性我知道 Y 軸滾動是從index.js文件發生的。 X 軸上的滾動條出現在我創建的SUB COMPONENT中，它的父項在App.js中呈現。

我在index.js中創建了滾動事件處理程序。 僅針對從子組件發生的 X 軸滾動觸發，但不會觸發 Y 軸滾動。

任何人都可以在這里幫助我獲得 scrollTop 值。

文件夾結構：

index.js （由於這個 javascript 文件形成了 Y 軸滾動條，我需要通過滾動它來獲得 scrollTop 值，在這里創建了滾動事件，它不會為此觸發）
應用程序.js
組件文件夾
|
|
組件.js
子組件文件夾
|
|
subComponent.js （由於這個javascript文件形成了X軸滾動條， index.js中創建的滾動事件處理程序就是由此觸發的）

提前致謝：）

Answer 1

我想您需要將事件偵聽器附加到子組件； 它將有自己的滾動偏移量。