When a badge is using an absolute position such as “Top Left” or “Top Right,” it can appear over the top of another web container (navigation headers, especially) when you scroll. This is due to the stacking order of the elements on the page. You can either adjust the Z-index or change the position to “Inline Left” or "Inline Right" (or a combination of both) to resolve this. The default Z-index for Guides and Badges is very high since these should always show on top of your application.
For more information, see the w3school CSS z-index Property article.
The Badge might appear to jump when you scroll due to using an absolute position as well. "Inline" puts the badge inline with the code of the element rather than having to compute where the element is at the time when using an absolute position.