溢出-x：隐藏和溢出-y：隐藏将不适用于window.ScrollTo（）;

Question

我可以让我的网站在我的平板电脑上查看我想要的内容但是滚动条不能用于导航栏中。它看起来不适合我的平板电脑。现在，这就是我的css看起来如下图所示的结果。此外，此代码看起来也适用于iPhone。

html{
    margin:0;
    padding:0;
    scroll-behavior: smooth;
}
body{
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    margin: 0;
    padding: 0;
}

这是让它在我的Android平板电脑上正常显示的代码，但随后导航栏的滚动行为将丢失。

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;
}

我很难确定问题并找到解决方案。

What the first page looks like on my laptop

What the second page should look like after pressing the >

What it looks like on my tablet

Image of what it looks like on my tablet zoomed out all the way