Question

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

我有2个html元素。

短期目标：

我想将鼠标悬停在元素＃1和元素＃2中的单词上，显示列表中的特定项目（不必是列表，但认为这样更容易）。

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

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

Here is the jsfiddle!

我最终想做什么：

当我将鼠标悬停在＆＃34; HOVER TEST WORCES ONE＆＃34;当我将鼠标悬停在＆＃34; HOVER TEST WORDS TWO＆＃34;它将列出项目＃2等。

Answer 1

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

这是我的解决方案：

    $( document ).ready(function() {

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

    });
});

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

jQuery Hover滚动另一个元素

1 个答案: