disable x scroll css safari code example
Example 1: css disable scroll mobile
html,
body {
width: 100%;
height: 100%;
margin: 0;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
}
Example 2: scroll to top smooth safari
<!--Example of a button to scroll to top, Remember to use the same id on both
the button and the function -->
<button id='myBtn' >
Click me to go to top!
</button>
<!-- When the user clicks on the button, scroll to the top of the document-->
<script>
document.querySelector('#myBtn').addEventListener('click', function(e) {
e.preventDefault();
document.querySelector('body').scrollIntoView({ behavior: 'smooth' });
});
</script>
<!--To make it work you need to add the link to the file.-->
<script src="smoothscroll.js"></script>
<!--I leave you the link to the file on the side: https://raw.githubusercontent.com/iamdustan/smoothscroll/master/src/smoothscroll.js -->