Lazyload images and anchors

Question

У меня есть веб-страница, которая ждет загрузки изображений до тех пор, пока они не будут видны в окне просмотра браузера (lazyload). Размеры изображений неизвестны. В верхней части веб-страницы у меня есть ссылка, которая переходит к привязке в нижней части страницы. Когда пользователь нажимает ссылку, браузеры прокручиваются в неправильное положение веб-страницы. Я предполагаю, что это связано с тем, что изображения загружаются в браузере, и это меняет высоту страницы. Другими словами, позиция привязки изменяется после нажатия ссылки на ссылку. Так или иначе, чтобы решить этот парадокс.

Answer 1

Что вы можете сделать, это добавить ссылку и div после полной загрузки изображений.

Например: При загрузке изображения, вы можете:

$("#someDiv").append("<a href='#SomeOtherDiv'></a>"); 

$("#someDivAtTheBottomOfThePage").append("<div id='#JumpToThis'></div>");