title: Overflow-x:hidden and Overflow-y:hidden won't work with window.ScrollTo();
body: <p>I can get my website to look how I want it on my tablet but then scrollTo doesn't work which is used in the navbar. It's not looking right for my tablet. Right now, this is what my css looks like to have the results in the picture below. Also, this code looks and works fine for iPhone as well.</p>
  
  <pre><code>html{
      margin:0;
      padding:0;
      scroll-behavior: smooth;
  }
  body{
      overflow-x: hidden;
      overflow-y: hidden;
      position: relative;
      margin: 0;
      padding: 0;
  }
  </code></pre>
  
  <p>This is the code to get it to look properly on my android tablet, but then scroll behavior with the navbar is lost.</p>
  
  <pre><code>html{
      overflow-x: hidden;
      overflow-y: hidden;
      margin:0;
      padding:0;
      scroll-behavior: smooth;
  }
  body{
      overflow-x: hidden;
      overflow-y: hidden;
      position: relative;
      margin: 0;
      padding: 0;
  }
  </code></pre>
  
  <p>I'm having a really hard time pinpointing the issue and finding a solution.</p>
  
  <p><a href="https://i.stack.imgur.com/jqRfI.jpg" rel="nofollow noreferrer">What the first page looks like on my laptop</a> </p>
  
  <p><a href="https://i.stack.imgur.com/UXdtr.jpg" rel="nofollow noreferrer">What the second page should look like after pressing the ></a></p>
  
  <p><a href="https://i.stack.imgur.com/SlZjg.png" rel="nofollow noreferrer">What it looks like on my tablet</a> </p>
  
  <p><a href="https://i.stack.imgur.com/CpRk0.png" rel="nofollow noreferrer">Image of what it looks like on my tablet zoomed out all the way</a></p>