您的位置:首頁技術文章
文章詳情頁

javascript - 關于fullpage.js的橫向滾動控制

瀏覽:96日期:2022-12-10 13:02:12

問題描述

這個屬性是控制是否顯示橫向的跳頁小圓點,但是我沒法控制內部內容啊,比如我需要對這個小圓點做一些內容上的修改,官方文檔上并沒有說明啊,求助!

<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

像這樣

javascript - 關于fullpage.js的橫向滾動控制

問題解答

回答1:

找到辦法了,把自己的dom寫到容器里面,然后用錨點javascript - 關于fullpage.js的橫向滾動控制

回答2:

自定義導航欄:

$.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.wxshucaidpc.com/wenda/3106.html#page1'></a> </li> <li data-menuanchor='page2'> <a href='http://www.wxshucaidpc.com/wenda/3106.html#page2'></a> </li> <li data-menuanchor='page3'> <a href='http://www.wxshucaidpc.com/wenda/3106.html#page3'></a> </li> <li data-menuanchor='page4'> <a href='http://www.wxshucaidpc.com/wenda/3106.html#page4'></a> </li> </ul

javascript - 關于fullpage.js的橫向滾動控制

標簽: JavaScript
相關文章:
国产综合久久一区二区三区