Fullpage.js導航顏色沒法更改(navigationColor無效)粗暴解決方法

fullpage.js官網 http://alvarotrigo.com/fullPage/
API文檔 http://www.dowebok.com/77.htmlcss

fullpage.js是一個功能很是強大的全屏插件,可是使用過程當中會有不少小麻煩,其中navigationColor無效是一個常常遇到的問題,如圖
圖片描述html

鄙人嘗試過無數方法都解決不了,最後採用了最粗暴、簡單、直接的方法:jquery

用css來覆蓋默認的jquery.fullPage.css
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {  
    background: #fff; /*活動導航的顏色*/
}  
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background: #4da5ff;/*非活動導航的顏色*/
    height: 8px;
    width: 8px;
    margin: -4px 0 0 -4px;
}

效果以下
圖片描述web

相關文章
相關標籤/搜索