提交表單后發布滾動位置以將用戶返回到頁面上的相同位置

Question

<>我正在嘗試更改輸入的值，以便在提交表單時將用戶返回到頁面上的相同位置

<form> 
 <input type ="text" name="scroll_pos" id ="vert" value="0" > 

</form>


</div>

<script type="text/javascript">

    $(window).scroll(function (event) {
    var vp = $(window).scrollTop();

  document.getElementById("vert").value = vp.toString();
});

抱歉，如果這是一個愚蠢的問題，但為什么這不起作用？

Answer 1

試試下面的代碼，

此外，我建議您使用ajax ..因此，當表單提交時，您可以留在同一頁面上而無需刷新它。

 $(document).ready(function() { var position = $("#vert").val(); $(window).scroll(function(event) { var scroll = $(window).scrollTop(); $("#vert").attr('value',scroll); //$('input[name=scroll_pos]').val(scroll); console.log(scroll); }); $(window).scrollTop(position); });

 div { height: 500px; }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div> <form> <input type="text" name="scroll_pos" id="vert" value="0"> </form> </div>

Answer 2

我在另一個網站上發現只需添加一個錨鏈接就可以用 PHP 更簡單地回答問題。 我試過了，它奏效了

在我的場景中，提交后，您返回到同一頁面，因此有示例代碼

在表格中，您輸入 action="£linkoftheanchor¨

這是我希望它在提交后返回的地方

插入一個數字(¥)