javascript - 關于fullpage.js的橫向滾動控制
問題描述
這個屬性是控制是否顯示橫向的跳頁小圓點,但是我沒法控制內部內容啊,比如我需要對這個小圓點做一些內容上的修改,官方文檔上并沒有說明啊,求助!
<p class='section bg'> <p class='slide project0 bg'></p> <p class='slide project1 bg'></p> <p class='slide project2 bg'></p> <p class='slide project3 bg'></p></p>slidesNavigation: true
像這樣
問題解答
回答1:找到辦法了,把自己的dom寫到容器里面,然后用錨點
自定義導航欄:
$.fn.fullpage({ ’anchors’: [’page1’, ’page2’, ’page3’, ’page4’],//錨點對應html標簽 ’menu’ : ’#menu’//導航的容器,對應html的id});
html使用data-menuanchor
<p class='nav'> <ul> <li data-menuanchor='page1'> <a href='http://www.aoyou183.cn/wenda/3106.html#page1'></a> </li> <li data-menuanchor='page2'> <a href='http://www.aoyou183.cn/wenda/3106.html#page2'></a> </li> <li data-menuanchor='page3'> <a href='http://www.aoyou183.cn/wenda/3106.html#page3'></a> </li> <li data-menuanchor='page4'> <a href='http://www.aoyou183.cn/wenda/3106.html#page4'></a> </li> </ul
相關文章:
1. angular.js - 關于$apply()2. angular.js使用$resource服務把數據存入mongodb的問題。3. MySQL數據庫中文亂碼的原因4. dockerfile - 我用docker build的時候出現下邊問題 麻煩幫我看一下5. nignx - docker內nginx 80端口被占用6. android-studio - Android Studio 運行項目的時候一堆警告,跑步起來???7. dockerfile - [docker build image失敗- npm install]8. mysql - 新浪微博中的關注功能是如何設計表結構的?10. 如何解決Centos下Docker服務啟動無響應,且輸入docker命令無響應?
