Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 2978
  • Last Modified:

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

0
ymorin007
Asked:
ymorin007
1 Solution
 
Dobromir YordanovCommented:
I'm not sure how much this helps you but the plugin seems to be getting confused by the top padding on your body tag. Remove padding-top on body and observe the behavior. It's covered by the header (expected) but scrolling works just fine. I think what you're using was made to be a plugin that takes the full width and height of the page (thus the name fullpage.js). I'm not sure if adding a fixed header to it would be as easy as what you've done.

My best suggestion is to try to remove the padding from the body and instead add it to the actual element that you are scrolling. Also, your header wouldn't need to be fixed when using this plugin since it doesn't use native browser scrolling which makes fixed and absolute the same thing :) But that's up to you, I don't see it helping or hurting either way.

Good Luck!
Dobri
0
 
ymorin007Author Commented:
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.
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now