[英]How can I scroll to the top in a Modal component in React?
这是滚动到顶部的代码。
const ScrollToTop = () => {
const [showTopBtn, setShowTopBtn] = useState(false);
useEffect(() => {
window.addEventListener("scroll", () => {
if (window.scrollY > 400) {
setShowTopBtn(true);
} else {
setShowTopBtn(false);
}
});
}, []);
const goToTop = () => {
window.scrollTo({
top: 0,
behavior: "smooth",
});
};
return (
<div className="top-to-btm">
{" "}
{showTopBtn && (
<FaAngleUp
className="icon-position icon-style"
onClick={goToTop}
/>
)}{" "}
</div>
);
};
这在普通窗口中可以正常工作,但在 React Modal 中则不行。 我必须改变什么才能在模态中工作。 任何帮助表示赞赏。
因此,您需要获取模态容器元素(具有滚动行为)而不是window.scrollTop
,可能使用模板ref
,然后使用element.scrollTop
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.