在 HTML 上滚动时出现问题

Question

我遇到的问题

我无法在我的网站上向下滚动。
我找不到有效的解决方案。

信息

我的网站是 execlinux.glitch.me
CSS 文件和 HTML 可以通过转至 glitch.com 并搜索 execlinux

Answer 1

我找到了解决方案：

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

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

Answer 2

删除位置：固定；来自 .text class

check image for more confirmation

其他示例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;
      }

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

在 HTML 上滚动时出现问题

Issue with Scrolling on HTML

html

css

glitch-framework