CSS oben, dann scrollen Sie nach oben

Question

zurück ich diesen Code mit reagieren laufen haben js

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

Die Variable oben eine negative Zahl ist. Dadurch kann ich das Bild in einer bestimmten Höhe anzeigen. Und ich kann bis zum unteren Rand des Bildes scrollen. Allerdings kann ich nicht vollständig bis zum oberen Rand des Bildes zurückrollen (nicht die ursprüngliche Position). Irgendwelche Ideen, wie man das erlaubt?

Answer 1

Sie sollten die scrollTop Eigenschaft der <div> anstelle der top ändern. Sie benötigen JavaScript dafür.

element.scrollTop = <your variable (positive)> 

Wenn Sie aus irgendeinem Grund nur CSS möchten, können Sie überprüfen set scrollTop and scrollLeft without javascript