Установить положение прокрутки страницы при загрузке страницы представления MVC с помощью JavaScript

Question

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

Я хочу сделать это с помощью JavaScript.

Казалось, что-то простое, что-то, что я мог бы легко найти здесь. Ну, это выглядит так:

Установка положения прокрутки страницы при загрузке страницы приложения MVC

Есть только одна проблема ... Ответ не помещает решение javascript в контекст. И без контекста ... Я понятия не имею, где поставить эти строки, независимо от того, что я пытаюсь ...

Я не буду играть весь день, чтобы знать, как этого добиться, поэтому ЗДЕСЬ КОНТЕКСТ:

@model WhateverModelYouWant
@{
    ViewBag.Title = "Formulaire de reprise";
    Layout = "~/Views/Shared/_Layout.cshtml";
 }

<script type="text/javascript">
    document.getElementById("ImportantStuff").scrollIntoView();
</script>

<h2> TITLE OF THE VIEW <h2>

<div> Lots of content here </div>

<div> Even more content here </div>

<div id="ImportantStuff"> Important stuff here </div>

<input type="submit" value="ImportantButton" >

Излишне говорить, что это никуда не приводит к прокрутке страницы ... Заранее спасибо.

ОШИБКА:

Answer 1

В вашем примере ничего нельзя прокручивать, так как все находится в видимой области. Кроме того, Mituw16 уже дал вам правильное решение. Вот пример того, как использовать функцию scrollIntoView.

<script type="text/javascript">
        function scrollToImportantStuff() {
            document.getElementById('ImportantStuff').scrollIntoView()
        }
        window.onload = scrollToImportantStuff;
</script>
    
    <h2> TITLE OF THE VIEW <h2>

    <input type="button" onclick="document.getElementById('ImportantStuff').scrollIntoView()" value="Scroll ImportantStuff into View" />

    <div style="height:500px;"> Lots of content here </div>

    <div style="height:500px;"> Even more content here </div>

    <div id="ImportantStuff"> Important stuff here </div>

Answer 2

Это не имеет ничего общего с MVC. Это достигается с помощью JavaScript.

document.getElementById("ImportantStuff").scrollIntoView();

https://developer.mozilla.org/en-US/docs/Web/API/Element.scrollIntoView