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

时间:2013-08-05 21:35:51

标签: css uinavigationbar

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

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

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

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

/ * ----------&gt;&gt;&gt;导航悬停填充&lt;&lt;&lt;&#; ----------- * /

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

/ * ----------&gt;&gt;&gt;导航分隔线&lt;&lt;&lt;&#; ----------- * /

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

/ * ----------&gt;&gt;&gt;间距内的下拉菜单&lt;&lt;&lt;&lt;&quot; ----------- * /

    #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

1 个答案:

答案 0 :(得分:0)

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