$(window).load(function() {
$('a.scroll').each(function() {
var id = $(this).attr('href');
if (id.match('^#')) {
var target = $(id).offset().top - 65;
var title = $(this).attr('title');
$(this).on('click tap', function() {
$('body').animate({
scrollTop: target
}, 1000);
history.pushState({
foo: title
}, title, id);
return false;
});
}
});
});
Mesma Página
<a href="pecas-servicos#qualidade" class="scroll" title="{!! trans('master.menu.qualidade')">Qualidade</a>
Outra Página
<a href="pecas-servicos/contato#qualidade" class="scroll" title="{!! trans('master.menu.qualidade')">Qualidade</a>
Quando estou na página HOME e clico no LINK funciona a rolagem até a seção que cliquei.
Mas se estou em outra página o mesmo não acontece. Ele até vai para a HOME, porém, desce até o bottom da página.
.load
ao invés do$.ready
?