如何让Darkmode Js不粘性？

Question

我在我的网站上使用Darkmode.Js。但是它粘在了页面的左下角。

我希望当我向下滚动页面时，深色模式图标不应该向下滚动。

我怎样才能使它不粘，并把它放在我想要的地方？

谢谢

Answer 1

只需覆盖相应的CSS规则即可。你的浏览器的开发工具可以让你检查图标是如何定位的，以及如何调整。在您的例子中，这可能会导致如下所示(请记住CSS的rules for specificity)：

body .darkmode-toggle {
  bottom: inherit;
  top: 1em;
}

按您认为合适的方式调整确切位置。

Answer 2

文档中提到了一些额外的属性，您可以看到here - bottom, right, left, top属性似乎就是您正在寻找的属性。