Как прокрутить вверх и загрузить iframe
У меня есть галерея изображений некоторых рецензируемых книг. Когда кто-то нажимает на книгу на странице, у меня вверху появляется iframe, в котором я настроил свой атрибут для загрузки обзора книги.
<iframe height = "300px" width = "100%" src = "" name = "iframe_reviews"></iframe>
<li class = "one_quarter"><a href = "b_reviews/book4.html" target = "iframe_reviews"><img src = "b_reviews/images/book4.jpg"></a></li>
Этот код работает нормально. У меня проблемы с тем, что у меня на странице несколько книг. Это означает, что вам нужно прокрутить вниз, чтобы увидеть книги, и если вы нажмете на книгу, она загрузится в iframe, но вы не можете сказать, что это так ... вы все еще застряли в нижней части страницы.
Есть ли способ настроить таргетинг на _top после нажатия ссылки, чтобы обзор книги загружался в iframe, а страница одновременно прокручивалась обратно вверх? Спасибо.
Удивительный! Спасибо!
Ответы 1
Вы должны уметь делать то, что с функцией Javascript и свойством DOM scrollTop. Просто назначьте ссылку функцию Javascript (используя событие onClick, чтобы функция вызывалась при нажатии ссылки), которая устанавливает для свойства значение 0 (document.body.scrollTop = 0).
HTML:
<a href = "b_reviews/book4.html" target = "iframe_reviews" onclick = "scrollToTop()">...</a>
Javascript:
function scrollToTop() {
document.body.scrollTop = 0;
}
В качестве альтернативы вы можете просто присвоить тегу идентификатор и использовать функцию getElementById.
HTML:
<a href = "b_reviews/book4.html" target = "iframe_reviews" id = "book">...</a>
Javascript:
document.getElementById('book').onclick = function(){
document.body.scrollTop = 0;
};
window.scroll({ top: 0, behavior: 'smooth' })должен делать работу