如何在 React 的 Modal 組件中滾動到頂部？

Question

這是滾動到頂部的代碼。

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 中則不行。 我必須改變什么才能在模態中工作。 任何幫助表示贊賞。

Answer 1

因此，您需要獲取模態容器元素（具有滾動行為）而不是window.scrollTop ，可能使用模板ref ，然后使用element.scrollTop