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.gepszalag.com/wenda/3106.html#page1'></a> </li> <li data-menuanchor='page2'> <a href='http://www.gepszalag.com/wenda/3106.html#page2'></a> </li> <li data-menuanchor='page3'> <a href='http://www.gepszalag.com/wenda/3106.html#page3'></a> </li> <li data-menuanchor='page4'> <a href='http://www.gepszalag.com/wenda/3106.html#page4'></a> </li> </ul
相關文章:
1. python - type函數問題2. mysql新建字段時 timestamp NOT NULL DEFAULT ’0000-00-00 00:00:00’ 報錯3. javascript - node服務端渲染的困惑4. css - 求推薦幾款好用的移動端頁面布局調試工具呢?5. javascript - webpack --hot 熱重載無效的問題6. Mysql && Redis 并發問題7. php - 第三方支付平臺在很短時間內多次異步通知,訂單多次確認收款8. mysql - 一個表和多個表是多對多的關系,該怎么設計9. html5 - h5寫的app用的webview,用手機瀏覽器打開不顯示?10. javascript - 百度echarts series數據更新問題
