2012-10-09 119 views
0

我正在嘗試創建單頁網站。檢查my example導航背景顏色的滾動頂部不起作用

在這裏,而click上滾動Topclick後對任何導航除了, 它顯示了相同的導航(僅在背景色)。 但我需要回家導航(背景顏色),而點擊滾動Top

點擊關於我導航,然後單擊滾動Top 其不改變鏈接activebackground color

請幫幫我。

回答

1

您可以使用:

$('#back-top a').click(function() { 
    $('#nav > li.active').removeClass('active'); 
    $('#nav > li:first').addClass('active'); 
}); 

並添加以下CSS樣式:

li.active { 
    background-color: #eee; 
} 

關於您的需求(滾動的菜單項的背景),我真的建議你看看:http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-lava-lamp-style-navigation-menu/

+0

謝謝你的回覆。但我需要更改活動鏈接的背景顏色。 –

+1

我編輯了我的帖子。用你的背景顏色替換#eee。 –

+0

這很好。謝謝.. 有沒有什麼辦法可以順利地做到這一點..我會解釋清楚, 如果我的導航是關於我的會議,我點擊滾動頂部,那麼它必須通過投資組合,最後到達家。 請不要介意! –

1

使用background-attachment: fixed;表示您的<body>元素。

body { 
    background:#000000 url(../images/body.jpg) no-repeat; 
    font-size:14px; 
    background-attachment: fixed; /* new */ 
} 
+0

謝謝你的一個新想法。 但我的問題與此無關。請轉到我的鏈接並查看示例。 –

1

這兩行添加到您的頂部鏈接點擊事件:

$('#back-top a').click(function() { 
    $('#nav li.active').removeClass('active'); 
    $('#nav li').first().addClass('active'); 
} 

但是,必須有一種方式與pagescroller API來做到這一點。

編輯: 只是看了看API在http://pagescroller.com/documentation/ 有辦法做到這一點,但只有pagescroller Pro版本。
另一種解決方案可能是幾次調用pagescroller的prev()函數。

+0

謝謝你的回覆。但我需要更改活動鏈接的背景顏色。通常它的工作正常。我有滾動頂部和活動鏈接背景顏色的問題 –