javascript - 在页面上移动 Pace.JS

Question

所以我有一个 200 像素宽的边栏。我希望我的 pace.js 栏在它旁边加载。所以基本上左边有 200px 的边距。这就是我一直用来编辑它的内容:

.pace-progress {
   background: #2dbaa6 !important;
   position: fixed;
   z-index: 2000;
   height: 3px !important;
 }

我试过很多东西。

• 我尝试使用 width: calc(100% - 200px); 设置宽度。这似乎行不通。我似乎只能使用 width: #px; 设置宽度，但我不能使用它，因为我的页面有一个流动的容器。

  • 对于左边距，我试过 margin-left: 200px、left: 200px、left: 200。这些似乎都不起作用。如果他们将其向左移动，则该条会朝相反的方向加载。

  • 我似乎唯一能做的就是设置 margin-top 元素。

有什么建议吗？

谢谢!

Answer 1

下面将使 .pace-process 从左边开始 200 像素，从右边开始 0 像素。

.pace-progress {
   background: #2dbaa6 !important;
   position: fixed;
   left: 200px;
   right: 0;
   z-index: 2000;
   height: 3px !important;
 }