当我导航时，它当前滚动到目标页面上的页面底部[重复]

Question

当我导航时，它当前滚动到目标页面的页面底部。但是，我希望它导航到页面顶部。

const navigate = useNavigate(); 

const handleCard = () => {
  navigate('/product');
    
  window.location.hash = 'top';
}

<Row className="my-4 discountDealRowCls">
  {Data.map((deal) => (
    <Col
      key={deal.id}
      className="my-2 discountDealColCls"
      lg={2}
      md={4}
      onClick={handleCard}
    >
      <DealDiscountCard key={deal.id} deals={deal} />
    </Col>
  ))}
</Row>

Answer 1

在您的 ProductPage 组件上，您可以使用

useEffect(() => {
    window.scrollTo(0, 0);
  }, []);

这将确保当您打开该页面时，它将显示屏幕顶部。

如果您需要进一步帮助，请告诉我