我正在嘗試創建單頁網站。檢查my example導航背景顏色的滾動頂部不起作用
在這裏,而click
上滾動Top
,click
後對任何導航除了家, 它顯示了相同的導航(僅在背景色)。 但我需要回家導航(背景顏色),而點擊滾動Top
例
點擊關於我導航,然後單擊滾動Top
其不改變鏈接active
background color
請幫幫我。
我正在嘗試創建單頁網站。檢查my example導航背景顏色的滾動頂部不起作用
在這裏,而click
上滾動Top
,click
後對任何導航除了家, 它顯示了相同的導航(僅在背景色)。 但我需要回家導航(背景顏色),而點擊滾動Top
例
點擊關於我導航,然後單擊滾動Top
其不改變鏈接active
background color
請幫幫我。
您可以使用:
$('#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/
使用background-attachment: fixed;
表示您的<body>
元素。
即
body {
background:#000000 url(../images/body.jpg) no-repeat;
font-size:14px;
background-attachment: fixed; /* new */
}
謝謝你的一個新想法。 但我的問題與此無關。請轉到我的鏈接並查看示例。 –
這兩行添加到您的頂部鏈接點擊事件:
$('#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()函數。
謝謝你的回覆。但我需要更改活動鏈接的背景顏色。通常它的工作正常。我有滾動頂部和活動鏈接背景顏色的問題 –
謝謝你的回覆。但我需要更改活動鏈接的背景顏色。 –
我編輯了我的帖子。用你的背景顏色替換#eee。 –
這很好。謝謝.. 有沒有什麼辦法可以順利地做到這一點..我會解釋清楚, 如果我的導航是關於我的會議,我點擊滾動頂部,那麼它必須通過投資組合,最後到達家。 請不要介意! –