Как сделать что бы опускалось плавно всегда?

136

28 мая 2019, 08:00

Я использую якорь, он должен опускать плавно при нажатии, (работает при повторном нажатии на одну и ту же ссылку), а когда нажимаешь на новую ссылку начинает то не опускает плавно. В примере можно увидить

$('a[href^="#"]').click(function () { 
var target = $(this).attr('href'); 
window.location.hash=target; 
$('html, body').stop().animate({scrollTop: $(target).offset().top - 250 }, 800); 
return false; 
});

.elem:target { 
	-webkit-animation: highlight 3s ease-out; 
			animation: highlight 3s ease-out; 
} 
@-webkit-keyframes highlight { 
	0% { padding: 7px 0px 9px 0px; background-color: #ffe60b; } 
    100% { background-color: #FFFFFF; } 
} 
@keyframes highlight { 
	0% { padding: 7px 0px 9px 0px;   background: #ffd2a3;} 
 100% { background-color: #FFFFFF; } 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
 <a href="#test2">Ссыль</a> 
<a href="#test">Ссыль</a> 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
 
<div id="test" class="elem" style="background:red">#test</div> 
<div id="test2" class="elem" style="background:black">#test</div> 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>