简体   繁体   中英

Skrollr FIXED-based menu navigation with animateTo?

I built a very simple website with skrollr using fixed-position based, full-screen panels that I scroll by transform:translating and I want to add a nav bar. Am I right that I cannot use skrollr-menu for this type of setup?

Is it possible to use animateTo on a click event to navigate a certain panel? For example, to get to page 2, can I just make a button that animates to 100p?

<div id="page1" data-0="transform:translate(0,0%);" data-100p="transform:translate(0,-100%);">

<div id="page2" data-0="transform:translate(0,100%);" data-100p="transform:translate(0,0%);">

Thanks.

Yes you can. With the latest skrollr-menu you can use percentages as well

<a href="#page2" data-menu-top="100p">page 2</a>

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM