Question

#logo {
  position: fixed;
  top: 85%;
  left: 40%;
  height: 104px;
  width: 90px;
  border: solid 3px black;
  border-left: 0px;
  opacity: 1;
  transform: scale(.9) translate(-50%, -50%);
  padding: 2px;
  transition: all 1s ease;
  box-sizing: border-box;
}

#logo::before {
  z-index: 100;
  content: "Brand";
  line-height: 91px;
  font-size: .9rem;
  text-align: center;
  color: white;
  position: fixed;
  height: 91px;
  width: 91px;
  left: -8px;
  top: 4px;
  background: black;
}
/*for demo only*/body {height:400px;}

<div id="logo"></div>

div＃logo不在滚动条上固定...为什么？我已经在移动设备上编写了此代码，但尚未在台式机上尝试过。因此，我不确定这是否仅是移动设备问题。我可能在这里做了一些愚蠢的事情

Answer 1

我也检查了它，并且工作正常。您能发布整个CSS和HTML，以便我们更好地看一下吗？干杯

Answer 2

当我运行这段代码时，一切似乎都正常。

您可以尝试将!important添加到徽标的位置以查看其是否有效（position: fixed !important;）。如果CSS被另一行代码覆盖，这可能会起作用。

如果这不起作用，则需要向我们提供有关您使用的浏览器的更多信息，并使用其余代码更新问题。谢谢！

固定位置不起作用？我究竟做错了什么？

2 个答案: