Estou usando um script que quando acionado me posiciona em uma div
específica, está funcionando, mas o código que tenho faz isso a partir de um link
de texto e estou tentando adapta-lo para uma imagem e que a mesma fique posionada acima de uma outra div
.
A imagem do que preciso é essa:
O script que tenho é esse:
O que aciona:
<a href="#bottom" id="top">Clique para Posiconar</a>
O que posiciona:
$('a[href^="#"]').on('click', function(event) {
var target = $( $(this).attr('href') );
if( target.length ) {
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top
}, 1000);
}
});
A página com o código em funcionamento até o momento pode ser vista aqui: