Link to home
Start Free TrialLog in
Avatar of ymorin007
ymorin007

asked on

Fullpage.js not scrolling to full height of the content

I've implemented the fullpage.js plugin but I'm having an issue when the section of the content is too long for the page.  As you can see from the following link:

http://ymorin007.webfactional.com/events/UFC174/ and going to the section Leaders from any device or desktop.

You will notice that the scroll bar ends before it has reach all the table content.

So how do I fix this issue so the scrollbar will see the full table content.

my fullpage() declaration:

$('#container-event-page').fullpage({
        verticalCentered: false,
        loopHorizontal: false,
        scrollOverflow: true,
        css3: true
    });

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of Dobromir Yordanov
Dobromir Yordanov
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of ymorin007
ymorin007

ASKER

Thanks Dobri for the help.

You are right the top padding was the issue so I removed it and applied it to the paddingTop option from the fullpage() function and it works perfectly now.