在jQuery中滚动不适用于具有vh高度的div类

Question

单击按钮移至下一个单词时，我在滚动时遇到一些问题。 内容围绕一个类： <div class=“content”>且高度为60 vh。 我正在尝试使其在该高度内滚动。 我创建了该问题的Codepen示例： https ://codepen.io/dude12go8/pen/PoYbdXd

Answer 1

您需要滚动内容区域而不是窗口。

$('.content').animate({
    scrollTop: position
}, 100);

此处的示例： https : //codepen.io/WebNesting/pen/QWLdbje