Javascript jQuery悬停在另一个元素上滚动

（编辑：我发现了问题……这与元素的css样式有关，但我仍然不知道为什么，下面的jQuery仍然错误，但问题源于css。）

我有两个html元素

短期目标：

我想将鼠标悬停在元素#1和元素#2中的一个单词上，让列表中的一个特定项显示出来（不一定是列表，但认为这样会更容易）

这是到目前为止我已经掌握的jQuery代码，应该转到第3个列表项：

$( document ).ready(function() {
$(".test").hover(function(){
    $("#list").animate({
    scrollTop: $("#list li:nth-child(2)").position().top
}, 500);
});
})

我最终想做的是：

---

当我将鼠标悬停在“hover TEST WORDS ONE”上时，它将进入列表项#1；当我将鼠标悬停在“hover TEST WORDS TWO”上时，它将进入列表项#2，等等。

注意：在JFIDLE中，您没有启用JQuery，但我不知道您是否正在使用它进行开发

以下是我的解决方案：

    $( document ).ready(function() {

    $(".test").hover(function(){
        $("#mis").animate({
        scrollTop: $("#list li:nth-child(2)").position().top
    }, 500);

    });
});

---

您需要将#列表更改为#mis，因为您无法滚动列表。您必须滚动一个部分。

@fiat.lucy您好，如果需要更多帮助，请发表评论。您的编辑不是很具体。为什么你认为问题源于CSS？