I'm not going to use your code because you provided an image instead of something that can be copy-pasted. But here's your answer:
You can disable scrollbars with inline CSS for FireFox and for IE + Edge.
You can't disable Chrome, Safari, or Opera scrollbars with inline CSS. You must use a <style> tag.
<!-- Disabling scrollbars for Internet Explorer, Edge, and Firefox -->
<html style="margin: 0; padding: 0; -ms-overflow-style: none; scrollbar-width: none">
<body style="height: 200vh">
<div style="width: 100%; height: 100vh; background: green"></div>
<div style="width: 100%; height: 100vh; background: orange"></div>
</body>
</html>
<style>
/* Disabling scrollbars for Chrome, Opera, and Safari */
body::-webkit-scrollbar {
display: none;
}
</style>