Jquery 变换：translateX滚动

我试图创建一个搜索栏，当点击按钮时，它会滑入。我正在使用translateX-100%将其定位到屏幕外。但是，当我这样做时，它会在页面上添加一个水平滚动条，允许您向右滚动并查看隐藏的搜索栏。我尝试了搜索栏上的position-absolute和header div上的overflow-x:hidden的组合

在此处查看it操作：

请在小屏幕上查看它，因为它是为移动屏幕构建的

---

谢谢

溢出：隐藏到。无论如何，你应该在问题上插入代码，以防止断开链接感谢回复。不幸的是，这样做也会妨碍您垂直滚动。我尝试添加溢出-x:hidden；它添加了滚动条，使标题具有更高的高度，并将溢出应用于该元素