How to disable or hide the scroll to top button programmatically with HTML/CSS/JS? (Samsung Internet Browser)

Question

I have an online store and in the mobile version, on the product page, the "Add to Cart" button is at the bottom of the page.

The problem is that only in the Samsung Internet browser, a "Scroll to Top" button is placed on the "Add to Cart" button and covers it.

So how can I remove this button programmatically with a HTML/CSS/JS Code?

Note: This button is added to the page by Samsung Browser and there is no problem with other browsers such as Google Chrome and Firefox.

Answer 1

First of all you have to check the class, id or tag of the scroll to top button on the basis of which you can let javascript to identify that button. lets suppose you get id i.e. scroll-btn

Now you can write javascript code

document.getElementById('scroll-btn').style.display = "none";

there you go..

Answer 2

The button is a native functionality of the Samsung browser.

It is not available within the DOM of the page, so you can't disable/hide it via JS/CSS.

Every user needs to deactivate it within their Samsung browser settings.