I have created a typical nav bar that points to some sections on the same page. All is good up to this point.
I have extracted the site and right after the body tag added a div that is a container of everything (it is needed for some other processing).
<body> <div data-ng-app="MyApp" data-ng-controller="MyAppController"> --start of webflow generated divs-- --end of webflow generated divs-- </div> </body>
My modified page can be seen here - https://dl.dropboxusercontent.com/u/12653060/scroll-test/my-page.html. Click on the 'FAQ' on the nav bar. You will see that it scrolls a bit too far and FAQ header is actually behind the nav bar.
Doing this has caused the linking to not link to the exact vertical start position - seems like there is an offset of ~200px. I am not a CSS expert, can someone please help?
Screenshot of before and after adding the container div https://dl.dropboxusercontent.com/u/12653060/scroll-test/error-screenshot.png