CSS頂部，然後回滾動到頂部

Question

我有運行此代碼反應JS

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

可變頂部是一個負數。這允許我開始在特定高度顯示圖像。我可以向下滾動到圖像的底部。然而，我不能完全滾動回到圖像的頂部（而不是初始位置）。關於如何允許這個的任何想法？

Answer 1

您應該更改<div>的scrollTop屬性而不是top。這需要JavaScript。

element.scrollTop = <your variable (positive)> 

如果你只想CSS某些原因，你可以檢查set scrollTop and scrollLeft without javascript