html - CSS 置顶，然后滚动回到顶部

Question

我用 React js 运行这段代码

<div style={{width:width, height:'1000px',overflowX:'hidden',overflowY:'scroll'}}>
  <img src={img} style={{position:'relative', top:top, left:left, zoom:zoom+'%'}}/>
</div>

变量 top 是一个负数。这使我可以在特定高度开始显示图像。我可以向下滚动到图像的底部。但是我无法完全滚动回到图像的顶部(不是初始位置)。关于如何允许的任何想法？

Answer 1

您应该更改 scrollTop <div> 的属性(property)而不是 top .为此，您需要 JavaScript。

element.scrollTop = <your variable (positive)>

如果出于某种原因你只需要 CSS，你可以检查 set scrollTop and scrollLeft without javascript