overflow-x设为unset时如何兼顾滚动流畅与禁用水平滚动

站点移动端视图存在滚动卡顿、跳变异常，在移动端响应式断点代码中配置overflow-x: unset!important;后，滚动异常得到有效修复，但该配置导致无法同时使用overflow-x: hidden隐藏水平滚动。
站点内置动画效果，必须隐藏X轴方向滚动，否则页面侧边会出现空白区域，需要可同时满足流畅滚动、隐藏水平滚动两个需求的实现方案。

参考信息 #

• 站点访问地址：https://www.melanie-patterson.com/link-in-bio/
• 当前使用的移动端适配代码如下：

@media only screen and (max-width: 1045px){
    html, body {
        overflow-x: unset!important;
        -webkit-overflow-scrolling: unset!important;
        overflow-y: unset!important;
    }
}

内容的提问来源于stack exchange，提问作者Melanie P.