我需要让最后一步进入视图,但不要丢失标题(因为scrollIntoView会产生水平和垂直滚动)。
如何实现仅水平滚动到视图中。
如何实现仅水平滚动到视图中。
const App = () => {
React.useEffect(() => {
const activeStep = document.querySelector(".ant-steps-item-
current");
if (activeStep) {
activeStep.scrollIntoView({ behavior: "smooth", inline:
"center" });
}
}, []);
return (
<div style={{ minHeight: "200vh" }}>
<div style={{ height: "150px", fontSize:
"5rem"}}>Title</div>
<Steps>
{steps.map((s, step) => {
const status = s === "step9" ? "current" : "";
return (
<Steps.Step status={status} key={step} title={s}
description={s} />
);
})}
</Steps>
</div>
);};
您可以查看一个代码沙箱