在具有属性x或y溢出的div上重置滚动

Question

假设我有一个可滚动的div，其属性为overflow-x或y。 我想知道如何使用onScroll方法跟踪它。 如果我想还原滚动条怎么办。 假设一个用户向左滚动了100px，我想还原该滚动。 我该如何实现。 我正在使用反应。 没有jquery。

Answer 1

只是运行这个。

var e = document.getElementById("myDiv");
e.scrollTop = 0;

您也可以将其放在函数中，并使用onscroll属性进行调用。

https://www.w3schools.com/jsref/prop_element_scrolltop.asp

Answer 2

我认为您可以使用window.scrollY或window.scrollX 。

其他方式

var scrollLeft = (window.pageXOffset !== undefined) ? window.pageXOffset : (document.documentElement || document.body.parentNode || document.body).scrollLeft;
var scrollTop = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;