如何从右侧删除多余的空间？ [关闭]

Posted 2023-03-07

【中文标题】如何从右侧删除多余的空间？ [关闭]

【英文标题】：How to remove the extra space from the right side? [closed]

【发布时间】：2021-11-02 06:04:10

【问题描述】：

所以我正在使用 html 和 Tailwind css 进行 Web 开发项目，在桌面模式下一切看起来都很好，但是一旦进入移动模式，索引页面就会在页面右侧显示一些额外的空间。尝试使用 overflow-x :hidden 但它没有解决任何问题。我附上了下面项目的图片和现场演示。

Heroku Live demo

【问题讨论】：

问题出在您的“我们的服务”部分。它在隐藏时向右推，让浏览器认为它仍然存在。

感谢@DavidHarvey，服务页面也存在同样的问题，所以有什么解决方法吗？或者我是否必须从 y 轴而不是 x 轴添加动画。跨度>

【参考方案1】：

问题与某些库添加的标记有关，可能是负责动画的那个。

如果您在切换到移动视图之前删除它们，右侧的空间就会消失。

【讨论】：

我已经删除了标记仍然没有修复，顺便说一句，这些标记来自 GSAP ScrollTrigger 标记。

我可以看到它正在发生。

我还没推送到github。

【参考方案2】：

嗨， 我遇到了这个问题，我有解决方案。

这个问题是因为你让菜单向右移动，这导致水平滚动和溢出不起作用

移动忽略body标签上的溢出

尝试制作div并保存你的页面内容并给他 溢出-x：隐藏。

会有用的

【讨论】：

我已经在 section 标签中添加了 overflow-x: hidden 类并且它起作用了。谢谢@Max

【参考方案3】：

我有同样的问题，对我来说是 hepful overflow-x: hidden