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.piao2010.com/wenda/3106.html#page1'></a> </li> <li data-menuanchor='page2'> <a href='http://www.piao2010.com/wenda/3106.html#page2'></a> </li> <li data-menuanchor='page3'> <a href='http://www.piao2010.com/wenda/3106.html#page3'></a> </li> <li data-menuanchor='page4'> <a href='http://www.piao2010.com/wenda/3106.html#page4'></a> </li> </ul
相關文章:
1. javascript - node.js服務端渲染解疑2. javascript - 求助關于js正則問題3. html5 - 如何解決bootstrap打開模態modal窗口引起頁面抖動?4. javascript - 求助這種功能有什么好點的插件?5. objective-c - ios百度地圖定位問題6. 微信開放平臺 - Android調用微信分享不顯示7. html - css 如何添加這種邊框?8. html5 - rudy編譯sass的時候有中文報錯9. javascript - 關于定時器 與 防止連續點擊 問題10. 為何 localStorage、sessionStorage 屬于html5的范疇,但是為何 IE8卻支持?
