Using <object> to reference SVG Sprite on Chrome and Safari causes the page to jump/scroll down when it loads. How to stop this?

My website has a lot of icons so we’re using an SVG sprite.

Using the referencing method with <object> or <embed>.

It seems to be the only methods that works/ show up on Safari/ Firefox/ Chrome/ IE, but on Chrome and Safari, it keeps scrolling down. Tried <use>/ background-image/ img etc.

Can’t seem to find any solutions anywhere. Has anyone else had this problem? Does anyone have a solution?

Source: cross-browser

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.