scrollBar:true causes sections to scroll on orientation change

Version: 2.7.6

This is a question for anyone who might know why the following is happening. So when viewing a site I'm building (davidsiglinphotography.com) on mobile (IOS & Android) - if I change the phone orientation a few times the site will reorient down a section. Sometimes it will reorient and be at the bottom section. So, looking at section 2, I rotate between portrait and landscape a few times and end up in section 3.

Any idea why this is happening? On a normal site this wouldn't be a big deal since rotating the device wouldn't happen much. However on the site I'm building the phone is rotated to depending on a landscape or portrait photo.

I tried to recreate the problem with the fullpage.js test site but I can't make it misbehave so this is most likely a problem I introduced somehow. Just curious if anyone knows how I can fix it. Thanks.

Site configuration fwiw:
scrollingSpeed: 700,
fitToSection: true,
css3: true,
fitToSectionDelay: 1000,
scrollBar: true,
autoScrolling: true,
touchSensitivity: 7,
controlArrows: true,
recordHistory: true,
keyboardScrolling: true,
animateAnchor: false,
sectionSelector: '.section',
slideSelector: '.slide',
slidesNavigation: true,
slidesNavPosition: 'bottom',
sectionsColor : ['#1c1c1c', '#1c1c1c', '#1c1c1c', '#1c1c1c', '#1c1c1c', '#1c1c1c',],
verticalCentered: false,
anchors:['Home', 'Lifestyle', 'Street', 'Travel', 'Projects', 'Connect',],
menu: '#mymenu',