jQuery懸停滾動另一個元素

（編輯：我發現這個問題......它與元素的CSS樣式有關，但我仍然不知道爲什麼，下面的jQuery仍然是錯誤的，但問題源於CSS））jQuery懸停滾動另一個元素

我有2個html元素。

短期目標：

我想在元素＃1和元素＃2一句話懸停，在列表中有一個特定項目顯示（並不一定是一個列表，但認爲它會更容易）。

這是jQuery的代碼，我到目前爲止，它應該去的第三個列表項：

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

Here is the jsfiddle!

我想最終做什麼：

當我將鼠標懸停在「HOVER TEST WORTH ONE」上時，它會轉到列表項＃1，當我將鼠標懸停在「HOVER TEST WORDS TWO」上時，它將轉到列表項＃2等。

來源

2016-01-17 fiat.lucy

注意：在您的jFiddle喲你沒有啓用JQuery，但我不知道你是否使用它來開發。

這裏是我的解決方案：

$(document).ready(function() { 

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

    }); 
});

您需要#list更改爲#mis，你不能滾動列表。您必須滾動一個部分。

來源

2016-01-17 20:43:52 shakety

這不起作用，謝謝！ –

@ fiat.lucy嗨，[這裏是我的JSFiddle這個工作]（https://jsfiddle.net/jagoldsmith/LabesvfL/）評論如果你需要更多的幫助。 – shakety

你的編輯不是很具體。你爲什麼認爲這個問題源於CSS？ – shakety

jQuery懸停滾動另一個元素

回答

相關問題