Fullpage.js: Scrolling to Footer

[markyeoj]

Hello, first of all, let me say thank you for this great plugin. I just have a little problem, our website http://www.swenk.me/ has a footer which is very small for a section so it has large white space at the bottom

Now, what we want is when scrolling to footer it should be look like this

Is there a way to do that. Thanks :)

[alvarotrigo]

The plugin doesn't offer such option.

Read this related topic.

[TofferV]

i found changing the height in js works for me.

afterRender: function(){
$( '#footer' ).css( { 'height' : 200 } );
}

[alvarotrigo]

@TofferV that won't work as expected.

[alvarotrigo]

You can add a footer now by adding the class fp-auto-height to the section as detailed in the docs.

Example online

[tkapelis]

Hello I really like your plugin but i have one problem. I added a Google Map in the footer( has class fp-auto-height ) with the google map api with width: 100% and height: 300px; but it shows only the background of the google map if the window is over 800px (just a box with grey background )but if it is under it seems ok. Do you know what is wrong ? In a google search i read that is an issue of the parent div not having specific width. If that is what is wrong is there a way to bypass it?

[alvarotrigo]

@tkapelis you'd better ask in other place such as stackoverflow.com. It sounds like a very specific issue with CSS and probably not related with fullpage.js.

[tkapelis]

Ok i ll do that , Thank you.