اسکرول کردن با جاوااسکریپت

سلام وقتتون بخیر

scrollTop not working !!! 😥

تو تملیت persianAdminLte یه div دارم که هر کاری میکنم با جاوا اسکریپت اسکرول نمیشه ...

هدفم اینه که بصورت پیش فرض اسکرول تهش باشه (یا اینکه بره تهش !)

این کد جاوا اسکریپت :
( تابع رو تو load هم گذاشتم ... settimeout هم گذاشتم ولی نشد...

scrollToBottom($('.message-chat-box'));

function scrollToBottom(objDiv){
    objDiv.scrollTop(objDiv[0].scrollHeight);
}

این کد html

        <div class="col-12 col-lg-8 col-xl-9 p-0 ltr message-chat-box max-height-content-wrapper">
            <div class="message-chat-box-gradiant h-100 max-height-content-wrapper">
                <div class="d-flex flex-column">

                    <div class="message-chat-box-message my-2 mx-3 p-3 elevation-2 sender">
                    </div>
                    <div class="message-chat-box-message my-2 mx-3 p-3 elevation-2 sender">
                    </div>
                    <div class="message-chat-box-message my-2 mx-3 p-3 elevation-2 receiver">
                    </div>
                    <div class="message-chat-box-message my-2 mx-3 p-3 elevation-2 receiver">
                    </div>
                    <div class="message-chat-box-message my-2 mx-3 p-3 elevation-2 receiver">
                    </div>
                    <div class="message-chat-box-message my-2 mx-3 p-3 elevation-2 receiver">
                    </div>
                </div>
            </div>
        </div>

این هم css

.message-users-box, .message-chat-box, .message-chat-box-gradiant {
  overflow-x: hidden;
  overflow-y: auto;
}