Как получить AJAX для загрузки страницы в верхней части div

Question

Мой сайт содержит div, где различные страницы загружаются с использованием ajax.При нажатии кнопки новая страница может быть загружена, и страницы всегда появляются в этом разделе.

Проблема в том, что если я перехожу на новую страницу и прокручиваю вниз, не прокручивая назад к верхней части этой страницы, новые страницы будут загружаться в той же позиции под верхней частью страницы, а не в верхней части страницы.стр.Я хочу, чтобы все страницы загружались вверху.

Вот соответствующие элементы страницы:

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). Я увидел сообщение, в котором говорилось, что я могу добавить имя идентификатора, и оно будет загружать страницу с таким идентификатором:

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

, но с этимничего не загружает. Вместо этого консоль разработчика Firefox 67 говорит «SyntaxError: missing) после списка аргументов» для этого вызова функции ajax и указывает на символ 37, который находится сразу после имени файла. Похоже, я не могу добавитьВторой параметр "bkmk00."

Мой вопрос: как я могу получить страницу для загрузки в "bkmk00" вверху страницы для загрузки?

Answer 1

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

Вы близки, но не совсем, у функции загрузки есть 2 параметра, входной файл и обратный вызов функции:

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