Streaming live at 10am (PST)

Not Linking to right section position on the page


#1

Hi Guys,

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

Thanks


#2

Hi @matrix, I would suggest to wrap your navbar in a section, and make the section a type of Header. Then put your navbar into that section, re-export and check it again smile

To get the navscrolling to work correct, there should be a header tag defined in the page smile

Try that and then let me know if any questions. We can assist with the design in Webflow, so make sure to include the read-only link: https://help.webflow.com/faq/how-do-i-share-my-sites-read-only-link

Cheers,
Dave


#3

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.