Your anchor link is behaving normally. An anchor link will scroll the div to the top of the page. If you don’t want to scroll the div all the way to the top, you can either create an anchor div above the actual place you want to scroll to, and then use the CSS visibility rule hide it, or a much simpler way is to use the CSS scroll-margin rule. So in your case…
will fix your issue. You will need to do this for each link/ID. You might also want to add the following to your custom CSS…
so the site doesn’t just “jump” to the section. It allows visitors to realize the link they clicked brought them to a different place on the page. Also, I encourage you to not use inline styles to create your website. It’s bad practice.
(PS - for future reference, questions pertaining to code, design, etc… are best asked in the Webdesign Help Forum category.)