css - 加载另一个页面时链接移动的导航问题

Question

我的导航有问题。如果您在任何页面上单击另一个 - 当下一页加载时，我的中殿栏似乎来回移动。

这很难解释，但如果你从 http://jeffreydowellphotography.com 开始 然后点击“联系人”页面，我的导航链接似乎靠得更近了，然后又回到了正确的位置。

/* ---------->>> navigation alignment/spacing on right <<<-----------*/

    .header-alignment-left.header-navigation-split #topNav { position: absolute; right: 18px; }

/* ------------>>> 导航悬停填充 <<<------------*/

    .logo-image #topNav nav li a { padding: 5px 15px; line-height:100%;}
    #nav a{ border-top:0px solid transparent; }
    #nav .subnav{margin-top:0}

/* ---------->>> 导航分隔线<<<------------*/

    #nav a{ border-right:1.5px solid #3b5998; height: 20px;}
    #nav li:last-child a{ border-right:0; }

/* ---------->>> 下拉菜单内间距<<<------------*/

    #header #topNav nav .folder ul li {padding:0 24px 12px; position: relative;  }
    #header { margin-top: 10px !important; }
    #topNav { margin-top: 53px; }
    #nav .subnav ul { padding-bottom:15px !important;}
    #nav .subnav ul { padding-top:15px !important;}

f

Answer 1

在加载开始时页面比页面完全加载时略宽，因为滚动条不会立即出现。您的网站是 100% 宽，由于宽度的差异，导航栏会稍微移动。