fullPage.js | fullPage plugin by Alvaro Trigo | Widget library

I've been playing around with fullPage.js but I've come across this problem that I cannot solve.

In order to link to anchors inside my page, I inserted the following code from the fullPage.js FAQ:

As you can see I have different tabs. I want to use the full-page method for each group( Each group has its own section slide ) separately. As I can use the full page only once I'm stuck. Can you tell me how to do this?

It's working fine for the first group but not working on the second. I also tried the destroy method mentioned in the documentation of fullpage.js

I'm using fullpage.js to create a site with scrolling slides. Everything is working as expected, except a button that randomizes which slide displays. When the button is clicked, the site scrolls to the expected slide, but the anchor name in the URL bar does not update.

What's strange is if you click the back button on the browser, it DOES display in the URL bar, before returning to the previous slide upon a second click. My assumption is that the actual anchor is being captured correctly, but something is preventing it from displaying in the URL bar.

Here's the code that I'm working with:

I am using fullpage.js for a website I am building and I want to add a normal scroll option on specific section when screen size is equal to 480 or below. This is my current code.

I wanted to make a website using fullpage.js and i did a lot of it but i have a few problems with the navigation. I have used autoscroll which undoubtedly makes things a LOT worse since its my first time using fullpage.js. I had have made a navbar at the top, and Which has a few buttons for the navigation. I wanted to scroll to a section of the page if i click it but the regural scrollTo(); and others doesnt work. I also gave navigations: true using fullpage.js. I tried checking what happens when it autoscrolls, and i managed to get the scrolling working for the home section, but if i scrolled from the second page to the first using the button, if i scroll down, then it goes to the third page. Is there anyone who knows a little about fullpage.js?

Heres the code

I need help adding a function to the property of an object as a value to the state of my Vuex store.

I am currently refactoring some code for a site using vue.js and fullpage.js I moved my fullpage options to the vuex store and I am having trouble adding a method to the onLeave callback in my options from a child component.

I originally had the options in the home component data object and passed a method from the same component.

I'm trying to add some Animation to my theme which is using Fullpage.js.

So I added gsap (2.1.3 version) TimelineMax and TweenMax just like this at the end of my index.html:

I have an issue with a website I'm developing, pure HTML, CSS and JS (FullPage.js) so far.

My aim was that when the width is a certain size, all of the elements center to the page and the page overflows using fullpage.js

What I see at 320x668 resolution

After applying Flexbox

Issues I'm having so far are as follows, elements are not centering as expected and it is overlapping.

I'm a newbie of front-end development. I'm currently working on a project trying to make my header style change while scrolling using intersectionObserver. I'm also using fullpage.js to create a full page transition effect. However, I encounter the problem that when I scroll, browser considers section 1 and section2 are the same section, which the header style will only change when I scroll to the section3. Would anyone tell me what happened? Maybe I missed something.

The code I used is here: