jquery - 为什么我的粘性菜单在更改到位置 :fixed 时向左跳转

Question

我在尝试创建粘性菜单时在我的网站上遇到了一个奇怪的行为。好吧，粘性菜单没问题，但是当它粘住时(向下滚动页面后)它突然向左移动。

我认为这与将样式更改为 position:fixed 有某种关系。我怎样才能使菜单保持相同的大小，居中，就像它在未粘贴时的样子？

您可以查看现场演示 here .谢谢。

Answer 1

宽度 100% 不会有效，因为您的布局有侧边栏，所以您需要减去侧边栏和填充宽度

.isStuck {
  z-index: 1000;
  width: calc(100% - 480px);
}