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. 淺談vue生命周期共有幾個階段?分別是什么?2. macos - mac下docker如何設置代理3. java - Spring使用@Autowired失效但是getBean()可以執行成功4. css3 - flex box舊版可以實現新版中的wrap換行嗎?5. java - hibernate正向工程生成一對多關系模型無報錯,但是只生成了一張表6. Java EE 6:JSF與Servlet + JSP我應該學習JSF嗎?7. javascript - js正則匹配小括號中的內容8. javascript - webpack 怎么在壓縮時候刪除換行9. index.php錯誤,求指點10. 微信公眾號在線生成二維碼帶參數怎么搞?
