如何使AJAX加載div頂部的頁面

Question

我的網站包含一個div，其中使用ajax加載了不同的頁面。 單擊按鈕后，可以加載新頁面，並且頁面始終顯示在該div中。

問題是，如果我轉到新頁面並向下滾動而不滾動回到該頁面的頂部，則新頁面將加載到頁面頂部下方的同一位置，而不是頁面頂部。 我想強制所有頁面加載到頂部。

以下是相關的頁面元素：

div（頁面內容所在的位置）：

<div class="main_text">
<div id="C2"><span style="color:black">MTX</span></div>
</div>

按鈕：

<div class="C1"><br><button class="button_01" id="btn07" onclick="HideDropdown(); ShowAjax(7);">Page 7</button></div>

AJAX代碼：

<script>
function ShowPage(type) {
    var filename = "page_" + type + ".htm"
    $( "#C2" ).hide().load( filename ).fadeIn(500);
}
</script>

最重要的一行是：

$( "#C2" ).hide().load( filename ).fadeIn(500);

在每個頁面的頂部，我有：

<div id="bkmk00"></div>

我想在頁面頂部（“ bkmk00”）打開每個頁面。我看到一個帖子，說我可以添加一個id名稱，它將以該ID加載頁面：

$( "#C2" ).hide().load( filename "bkmk00" ).fadeIn(500);

但這不會加載任何內容。 取而代之的是，Firefox 67開發人員控制台針對此ajax函數調用說“參數列表后缺少SyntaxError：缺少），它指向緊隨文件名之后的字符37。 看來我無法添加第二個參數“ bkmk00”。

我的問題是，如何才能將頁面加載到要加載頁面頂部的“ bkmk00”？

Answer 1

<script>
function ShowPage(type) {
    var filename = "page_" + type + ".htm"
    $( "#C2" ).hide().load( filename ).fadeIn(500);
}
</script>

您很接近但不太完全，load函數有兩個參數，輸入文件和一個函數回調：

var filename = "page_" + type + ".htm"
$( "#C2" ).hide()
$( "#bkmk00" ).load(filename, function(){
    $( "#bkmk00" ).fadeIn(500);
});