html - How can I stop all vertical scrolling on my page? -


i site allow side scrolling (since it's side scrolling site). on mobile can scroll endlessly vertically. how this/

here's html:

<body>      <div id="first" class="panel"> <img class="brand" src="assets/images/rf_logo.png"> </div>      <div id="newsletter" class="panel"> ... </div>      <div id="directions" class="panel"> ... </div>      <div id="contact" class="panel"> ... </div> </div>  </body>

and css:

*{     padding:0;     margin:0;     font-family: 'josefin sans', sans-serif; } html{         overflow-y: hidden; } body{     background-color: #1a1a1e;     min-height: 100vh; }  .brand{     width: 300px;     padding: 10px; }  #first{     height: 100vh; }

add overflow hidden body in css:

body { overflow-y: hidden; }


Comments

Post a Comment