如何在React中滚动到模态组件的顶部

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