隐藏的溢出中断动画

Question

我在这里有一个复杂的问题，但我会尽力而为。 因此，我创建了一个动画，在我的页面上有一个<div>带有overflow: hidden ，动画在该位置停止了几秒钟，然后继续，知道了，我该如何解决？

 $(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> 

Answer 1

将overflow:属性设置为hidden已导致在该位置的动画出现故障。

overflow属性的一些定义

溢出属性指定如果内容溢出元素的框会发生什么。 此属性指定在元素的内容太大而无法放入指定区域时是剪辑内容还是添加滚动条。

尝试将overflow属性设置为auto ， scroll或visible然后检查是否可以解决此小故障