تعیین موقعیت اسکرول

سلام خسته نباشید
چطور میتونم موقعیت اسکرول صفحه رو تعیین کنم که مثلا در حین ورود به یه صفحه خاص مثلا بصورت خودکار به وسط صفحه بیاد یا همیشه در آخر بمونه چیزی شبیه به صفحه دایرکت اینستاگرام...

    <div className="box-top10 mt-2">
      <div style={{ maxHeight: "calc(100vh - 200px)", overflow: "auto" }}> //اینجا میخوام ازش استفاده کنم
        {messages.map((message, index) => (
          <MessageDisplay
            key={index}
            message={message}
            replyCm={replyMessages.filter((item) => item.reply === message._id)}
          />
        ))}
      </div>
    </div>