<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Left‑locked page</title>
<style>
html, body {
margin: 0; padding: 0;
overflow-x: hidden; /* no side‑to‑side scroll */
width: 100%; height: 100%;
}
#wrap { /* put all your content inside this div */
position: fixed;
top: 0; left: 0;
right: 0; bottom: 0;
border: none;
box-sizing: border-box;
overflow: auto; /* allow vertical scroll only if needed */
/* add your own background, font, etc. here */
}
</style>
</head>
<body>
<div id="wrap">
<!-- 👇 paste your page content here 👇 -->
<p> </p>
<!-- 👆 end of your content 👆 -->
</div>
<script>
// A tiny safety script – forces the same rules after the page loads
(function(){
var s = document.createElement('style');
s.textContent = 'html,body{margin:0;padding:0;overflow-x:hidden;width:100%;height:100%;}'+
'#wrap{position:fixed;top:0;left:0;right:0;bottom:0;border:none;box-sizing:border-box;overflow:auto;}';
document.head.appendChild(s);
})();
</script>
</body>
</html>
