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