Question

我在标题后面的屏幕顶部有一个菜单栏。当我在身体上没有设置变换时，我的代码工作正常，当您在菜单栏下方滚动时，它会变成一个导航栏，并在屏幕顶部显示为固定栏。

但是，如果我将变换应用于这样的身体：

-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);

然后我的网站看起来更好，但是当滚动到菜单栏时，它不会被修复并且在屏幕顶部，它实际上移动到html页面的顶部而不是当前滚动区域的顶部。 / p>

知道为什么会这样吗？

#main-menu.isfixed {
    background: inherit;
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
}

由于

Answer 1

作为一种解决方法，您可以减少所有内容的字体大小和尺寸，而不是缩放整个身体。请你提供一个所需外观的小提琴。

身体上的CSS变换会混淆固定的导航栏

1 个答案: