滾動到隱藏元素

Question

我有一個隱藏的輸入字段，在表td內，當我選擇選項A時，我希望瀏覽器向下滾動到table td內的可見輸入。 我試過代碼波紋管，但有些工作不正確。 ID輸入字段：#id_a-1-host

jQuery('html,body').animate({scrollTop: jQuery('#id_a-1-host').offset().top},'slow'); 

它滾動下來，但只有一點點。它不會滾動到輸入字段。

Answer 1

scrollTop基於可見性，如果使用display: none隱藏它，則它在視口中不可用，因此它不會按預期工作。它始終是更好地在這些情況下使用命名錨：

<a name="id-a-off" id="id-a-off"> 

甚至一個空的跨度會做：

<span name="id-a-off" id="id-a-off"></span> 

確保這是一個靜態的父母。

另外，如果你有一個靜態的頭什麼的設置，你需要添加高度還有：

jQuery('html,body').animate({ 
    scrollTop: jQuery('#id_a-1-host').offset().top - staticHeaderHeight 
}, 'slow');