【问题标题】: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 轴添加动画。跨度>

标签: javascript html css node.js tailwind-css


【解决方案1】:

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

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

【讨论】:

  • 我已经删除了标记仍然没有修复,顺便说一句,这些标记来自 GSAP ScrollTrigger 标记。
  • 我可以看到它正在发生。
  • 我还没推送到github。
【解决方案2】:

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

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

移动忽略body标签上的溢出

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

会有用的

【讨论】:

  • 我已经在 section 标签中添加了 overflow-x: hidden 类并且它起作用了。谢谢@Max
【解决方案3】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-06-17
    • 2011-08-31
    • 1970-01-01
    • 2012-10-24
    • 2012-02-22
    • 2018-01-16
    • 2021-04-08
    相关资源
    最近更新 更多