Hi Valentin,

If you are using our default bundle files then you can just connect "plugins/global/plugins.bundle.css" and "css/style.bundle.css", and scrolltop button should work.

Make sure that you have data-kt-scrolltop="true" attributes on your scrolltop element.

<div class="scrolltop" data-kt-scrolltop="true">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr066.svg-->
 <span class="svg-icon">
 ...
 </span>
 <!--end::Svg Icon-->
</div>

Hi,
I have included "plugins/global/plugins.bundle.css" and "css/style.bundle.css" in _layout.cshtml from the beginning already. Also html is identical to yours, with addition of svg icon of course. Scrolltop html code is included at the end of file outside of div kt_app_content.
Sadly no success.
Also I tried to move scrolltop button inside div kt_app_content, but no success.
Any other idea?

Best Wishes,
Valentin

Hi,
I added trigger KTScrolltop.init() on page load, but no succes - button doesn't show at scrolling to the bottom.
Also no errors are reported on page load in console.
Best wishes,
Valentin

Hi,

In documentation is stated that attribute data-kt-scrolltop accepts "true" or "false" values.

This is scrolltop element after scrolling to the bottom and it didn't change from initial state:

<!--begin::Scrolltop-->
<div class="scrolltop" data-kt-scrolltop="true">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr066.svg-->
<span class="svg-icon">
...icon data...
</span>
<!--end::Svg Icon-->
</div>
<!--end::Scrolltop-->

Best wishes,
Valentin

Hi,
Here is what I learned and did or tried so far:
- mandatory "plugins/global/plugins.bundle.js" and "js/scripts.bundle.js" are included - I checked the page after rendering and the two elements are definitely present.

- scrolltop element/button is present with class "scrolltop" and attribute "data-kt-scrolltop='true'"

- I made breakpoint inside "scripts.bundle.js" at scrolltop section at
"var KTScrolltop = function(element, options) {..."
to see if code is reached and it is definitely reached. Also scrolltop _init is executed.

- body tag should get attribute "data-kt-scrolltop='on'" after page load which it doesn't.

- I then add mentioned attribute in body tag myself and scrolltop button showed, but it doesn't react on click.

Am I missing something else?

Best wishes,
Valentin

Hi,
After deep diving into my code I discovered a piece of css code, which is leftover of previous theme i used in application and it was preventing scroll detection on page:
html, body {
overflow-x: hidden;
}

After I removed it scrolltop functionality started working right away.
I am sorry for spending your time, you helped me a lot!

Thank you very much and best wishes,
Valentin

Discover elegant and exquisite silk dress designs at Mushq Pk. Shop our stunning collection of raw silk dresses in Pakistan and find the perfect silk dress to elevate your style.