查找文本並用javascript滾動到它

Question

我有一個包含數百行的div。 我想創建一個可以讓我找到一個文本和滾動到它：

function findAndScroll(text) 

所以，我選擇在輸入文本想要的文字，我點擊「開始」按鈕，將觸發「findAndScroll」函數然後滾動到該文本。

編碼之前，有沒有一個可以做到這一點的外掛jQuery插件或JavaScript庫 ？

謝謝，

問候。

Answer 1

您可以使用像this這樣的函數來查找文本並將其突出顯示。然後，您可以滾動到這樣突出顯示的元素：

var offset = $("#id_of_highlighted_element").offset().top; 
window.scrollTo(0,offset); 

，或者你可以簡單地去ID這樣

window.location = "#id_of_highlighted_element"; 

然而window.scrollTo是更靈活，因爲你可以設置元素，無論你想上這一頁。