My query may be a bit complex, but I will do my best to explain. I have created an animation on my webpage where there is a <div> with the property of overflow: hidden. The animation pauses at this point for a few seconds before resuming. Any suggestions on how I can resolve this issue?
$(document).ready(function(){
$(".scrollTo").on('click', function(e){
e.preventDefault();
var target = $(this).attr('href');
$('html, body').animate({
scrollTop: ($(target).offset().top)
}, 2000);
});
});#two {
height: 110vh;
overflow: hidden;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="test">
<li><a href="#three" class="scrollTo" data-content="">tutorials</a></li>
</ul>