我遇到了一個小問題。我試圖讓頁面滾動到頁面加載的特定點，但我沒有得到任何地方。我使用的代碼如下。由于某種原因，它似乎根本沒有運行。
<script type="text/javascript">
// scroll past header on page load
function scrollToDiv() {
$(document).ready(function () {
var ele = $('html, body').animate({ scrollTop: $('#tree').position().top }, 500, 'linear');
});
};
scrollToDiv();
</script>
如果您對它為什么不起作用有任何建議，我當然會很感激。
我正在使用 ASP.NET Core 構建。上面的 jQuery 代碼在一個舊的 webforms 專案上作業，所以我不知道為什么它現在不能作業。
uj5u.com熱心網友回復：
要使用 jQuery 執行此操作：
<script>
$(function(){
const top = $('#tree').position().top;
$('html, body').animate({ scrollTop: top }, 500, 'linear');
});
</script>
但是，您不需要 jQuery：
<script>
window.addEventListener('DOMContentLoaded', () => {
const target = document.getElementById('tree');
target.scrollIntoView({ behavior: 'smooth', block: 'start' });
});
</script>
視窗：DOMContentLoaded 事件 - Web API | MDN
Element.scrollIntoView() - Web API | MDN
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/414236.html
標籤：
上一篇：如何修復無法延遲初始化集合