隠しオーバーフロー割り込みアニメーション

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

hiddenに設定overflow:プロパティは言った場所であなたのアニメーションで不具合を起こしています。

overflowプロパティ

overflowプロパティの少しの定義は、コンテンツが要素のボックスをオーバーフローした場合に何が起こるかを指定します。 このプロパティは、要素のコンテンツが大きすぎて指定された領域に収まらない場合に、コンテンツをクリップするかスクロールバーを追加するかを指定します。

auto、scrollまたはvisibleへoverflowプロパティを設定してみてくださいし、このグリッチを修正するかどうかをチェックし