javascript - 如何在 chrome 中创建一个固定在顶部的工具栏并让所有固定元素正常工作

Question

我现在正在开发一个 chrome 扩展，我想创建一个 60px 高度的工具栏，以便在顶部的所有页面中可见，我已经看过一些教程并阅读了一些关于 css translateX 的文章诸如此类，问题是当你访问像 youtube 这样的网站时，它们有一个固定的搜索栏，当你向下滚动页面时，该栏位于工具栏后面，这对用户来说非常不方便，请告诉我是正确的方法..

Answer 1

在 html 中制作一个 div，然后像这样制作样式:

HTML:

<div class="top-bar">
  ...
</div>

CSS:

.top-bar{
  position: fixed;
  height: 60px;
}