Yes I think so as

console.log(scrollElement);

is producing the output above in the browser console.

Hi,

In your HTML code, I do not see the ID of the scrollable element.
Can you try to assign the ID to the scrollable element and the srctollTop should work as expected?

Regards.

I've renamed it and tried again. Still no scrolling.

Here's my code now:

var scrollElement = document.getElementById("kt_modal_add_person_scroll");
 console.log(scrollElement);
 scrollElement.style.background = "red";
 scrollElement.scrollTop = 0;

<div class="scroll-y me-n7 pe-7" data-kt-scroll="true" data-kt-scroll-activate="{default: false, lg: true}" data-kt-scroll-max-height="auto" data-kt-scroll-dependencies="#kt_modal_add_person_header" data-kt-scroll-wrappers="#kt_modal_add_person_scroll_x" data-kt-scroll-offset="300px" >&hellip;</div>

Hi,

We just tested it and it worked well:

var scroll = document.querySelector("#kt_scroll_change_pos");
var btnTop = document.querySelector("#kt_scroll_change_pos_top");
var btnBottom = document.querySelector("#kt_scroll_change_pos_bottom");

btnTop.addEventListener("click", function (e) {
 scroll.scrollTop = 0;
});

btnBottom.addEventListener("click", function (e) {
 scroll.scrollTop = parseInt(scroll.scrollHeight);
});

<div id_= "kt_scroll_change_pos" class="scroll pe-5 mb-10" data-kt-scroll="true" data-kt-scroll-height="{default: "100px", lg: "300px"}">........</div>

Thank you for testing. I think I know what the issue is now: when I add a scroll button like in your example, it is working fine.

What I was trying to do is scroll the modal when I gets shown. And I think that my scroll code is executing too early probably. How would you trigger a scrollTop = 0 just after the model is ready? Is there an event for that?

I have this issue because when the modal is shown the first time, then the users is scrolling down, dismisses it and does display it again, I want it to be at the scrollTop = 0 position. Maybe my approach to this is wrong and I should initialize it in a different way to always appear with scrollTop = 0?

Thanks for your support!

Please try to execute your code on Bootstrap Modal shown event as described in the documentation.

That is great and it is working fine. Thank you!

Please allow me one last question: would it be possible to achieve the same result without the scroll action being visible (as it is after shown.bs.modal)? I mean in way so that the modal opens already scrolled to the top?

Hi,

Great! Glad to hear that. Can you try to use show.bs.modal to execute it from the modal shown.

Regard.