fullpage.js

问题 I'm hoping someone can help me... I am using Alvaro Trigo's Fullpage.js and Elliot Condon's ACF Flexible field within a Wordpress site I'm developing. For each flexible field entry I declare a new section / page within Fullpage. The client would like a counter fixed to the bottom of the page, which reads 1/10, 2/10, 3/10 etc. I am able to count the total number of fields, using <?php echo count( get_field('content') ); ?> However, I am unsure how to update each number every time the slide

问题 Okay, the title might be a bit hard to understand, I'll try and explain. So I'm using fullpage.js I have in total 9 sections: Home About(about has 6 "undersections" that is a continuation of the first about section) Contact In the menu there are only 3 navigation options Home, about, contact. I've made the menu so that the active class is added when on corresponding section - as simply done with ready made options. When I scroll and leave the first about section the active class is remove and

问题 Im using Fullpage.js and trying to make it work with wordpress, and its going forward. However, I'm trying to figure out how to be able to scroll trough a slide with content higher then the active slide. The plugin comes with a scroll overflow function, but that vill make a scrollbar that scrolls trough your content, and keeps going to the next slide. Ideally a constant scrollbar that stops at the current slide would be the best option for me, but i dont know if this is possible. Been

问题 I am building an Angular app that uses fullpage.js in a few of its pages. Currently, I am initializing fullpage (e.g. $('#this-routes-fullpage').fullpage({ options... }) ) using a custom directive within the template for each route where it is getting used. At the end of each of these custom directives, I'm calling scope.$on('$routeChangeStart', function() { $.fn.fullpage.destroy('all'); } This works as I expect (the plugin is destroyed and reinitialized the next time it is encountered) when

问题 I require one section to be "hidden". As i have links that "silentMove" to the slides in the section. I have tried to use the following with no luck data anchor is "investments": afterLoad: function(anchorLink, index){ if(index == 4 && slideAnchor == 'investments'){ $('body.fp-section.investments').find('.fp-slide').index(4,0); $.fn.fullpage.setAllowScrolling(false, 'down'); $.fn.fullpage.setKeyboardScrolling(false, 'down'); } }, Only solution i could come up with was: afterLoad: function

问题 I'm using the plugin fullpage.js Instead of hash urls for the sections like example.com/#sectionname) , I would like clean URLs like example.com/sectionname . The plugin doesn't provide this option but I'm curious if there is a simple enough way to achieve this regardless. Update 1: I've tried this callback: onLeave: function(index, nextIndex, direction) { if (nextIndex == 2) { history.replaceState(null, null, "/about") } } as well as this: afterLoad: function(anchorLink, index) { if (index =

问题 i' m making a fullpage Js website and i have animations in evry sections of my page, and i want that my animation play when i'm on the section, so i know have an after render option in this plugin but i dont know how to syntax it for make the css animation play there is my code ( in this example i'm trying to get the animation of the line of the section2 play only when i' m on the section2) var smallCircles= ['top','right','bottom','left','top']; $(document).ready(function() { $('#fullpage')

问题 I added the "active" class to my entries of a menu so highlight which section is currently selected. Is it possible to add this also for slides? Version: 2.6.4 回答1: You should be using fullPage.js slides callbacks to do so, for example: $('#fullpage').fullpage({ afterLoad: function (anchorLink, index) { //section 2 loaded if (index == 2) { //adding active class to the 1st element in the slide menu $('#myMenu').find('li').eq(0).addClass('active'); } }, // afterSlideLoad: function (anchorLink,

问题 I'm using fullpage.js to split the page into sections. One of the sections has a grid built with handsOnTable.js. It works perfectly, apart from the performance in IE (all versions up to 11). When you scroll to the section with the grid, the actual scrolling is very slow, not smooth and kind of jumping. The issue does not persist in other browsers. I assume that the scrolling is causing the grid to re-render or something like this and that affect the performance. Any help will be appreciated.

问题 This question already has answers here : Fullpage.js. Adding a scroll delay (2 answers) Closed last year . When the user scrolls anywhere, I need to: 1. stop scrolling 2. animate out the stuff in section 3. trigger the scroll then. Everything I found is stopping scrolling by returning onLeave callback false . But in this case I can't trigger the scroll later. new fullpage('#fullpage', { licenseKey: 'OPEN-SOURCE-GPLV3-LICENSE', sectionsColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'], onLeave