html - 在 HTML 上滚动的问题

Question

我遇到的问题

• 我无法在我的网站上向下滚动。
• 我没有找到工作的解决方案。

信息

• 我的网站是 execlinux.glitch.me
• CSS 文件和 HTML 可以通过去 glitch.com 并搜索 execlinux 找到

Answer 1

我找到了解决方案：

在您的 CSS 文件中，您有一个具有固定位置属性的“.text”元素。这是错的！！！它应该具有如下所示的相对位置：

.text {
    position: relative;
    top: 100px;
    left: 50px;
}

Answer 2

移除位置：固定；来自 .text 类

检查图像以获得更多确认

对于其他示例https://askbootstrap.com/categories/tutorial/

Answer 3

下面的CSS不正确：

.text {
  position: fixed;
  top: 100px;
  left: 50px;
}

您可以尝试将fixed更改为relative，但是如果这样做，您将面临其他问题。

如果您使用以下 css：

.text {
      position: relative;
      top: 100px;
      left: 50px;
    }

您会发现 < div class="text" > 的内容滚动到导航菜单的顶部，并且没有左对齐。

也许尝试

.text {
          position: relative;
          top: 100px;
          left: 50px;
          z-index-1;
          width: 90%;
      }

 html {
          height: 100%;
          width: 100%;
          overflow: visible;
      }

测试了这些更改，虽然并不完美，但它们取得了一些令人满意的结果。