Height size section not 100% afterRender / loading website

[CricriSDN]

Hi Alvaro,
Hope you're fine and not too busy because we still have a very weird behavior with section height size when browser window screen is reduced.

You can reproduce this issue with the demo (FF, Chrome or IE).

• Minimize screen to about 730x750 (or less) - don't use responsive view with firebug, reduce window directly
• Refresh, and you can see a border at the bottom, the following section above (the calculated height section is not 100%)
• If you resize, the height is well calculated

Tell me if you want any screen shot

[CricriSDN]

if it can help...
function styleSection. windowsHeight var at line 657 is not equal to $(window).height() IF window width is lower than 768

[alvarotrigo]

Tell me if you want any screen shot

Yeah I need it. Because I'm not able to reproduce it here.

[CricriSDN]

[alvarotrigo]

Make sure your browser is not caching any old CSS or JS file.
Press CTRL + F5 to force the refresh.

What operative system are you using? I can not reproduce it in Mac.

Could you record a video of it?

[CricriSDN]

On dev, we compile all sources so i'm sure there is no pb with caching. Also i force the refresh with the fullPage demo.

I'm on W8, but this is the same on WinXP (real machine, not a virtual OS). Don't have any mac here to test. We have this issue on Chrome, FF, IE.

i add some console.log and saw that : windowsHeight var at line 657 is not equal to $(window).height() IF window width is lower than 768

I made a short video of this issue http://cdn.studiodunet.com/fullPage/issue_1502_1.mpg

[alvarotrigo]

Thanks for it. I was able to reproduce it in Windows 7.
I'm not quite sure why it is returning the wrong value, it seems that the problem disappears whenever I remove the image of the last section.

The addition of the style overflow:hidden in the html element seems to be the cause of it.
Just before the statement $('html').addClass(ENABLED); both values are the same.

Therefore a solution would be to update the value after line 500:

$('html').addClass(ENABLED);
windowsHeight = $window.height();

Although not ideal.

[CricriSDN]

Although not ideal.

May be, but it works ! Many thanks Alvaro.

[RobR8]

Hey Alvaro,

I have the same issue, however I did notice I set animateAnchors: false and when I set it back to the default of animateAnchors: true it solved the issue. I don't know if it is a height issue or a scrollTop issue I am leaning towards the latter since the height looks good, it is just off by a few pixels.

Just thought I would let you know my findings in order to help track down the bug.

Thanks,
-- Rob

[alvarotrigo]

@RobR8 thanks, I'll keep an eye on it.