如何保持列表框中滚动条的滚动位置

Question

提交表格后，卷轴上升如何保留卷轴的位置？ 此代码无法正常工作，任何人都可以提前帮助您或提出建议。

      <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>

<style>
        .container {
            border:2px solid #ccc;
            width:600px;
            height: 1000px;
            overflow-y: scroll;
        }
        </style>

<script>
var scrollPos=$("form").scrollTop();
onclick="javascript: submit()

</script>
<form method="post" name="form">

    <div id="Html2" style="position:absolute;left:0x;top:60px;width:250px;height:100px;z-index:12" class="container">
        <input onclick="javascript: submit()" type="checkbox">Checkbox1
        <br>
        <input onclick="javascript: submit()" type="checkbox">Checkbox1
        <br>
        <input onclick="javascript: submit()" type="checkbox">Checkbox1
        <br>
        <input onclick="javascript: submit()" type="checkbox">Checkbox1
        <br>
        <input onclick="javascript: submit()" type="checkbox">Checkbox1
        <br>
        <input onclick="javascript: submit()" type="checkbox">Checkbox1
        <br>

    <script>    $("form").scrollTop(scrollPos);</script>

    </div>
</form>


</script>
</div>
</form>

Answer 1

这就是我在纯Javascript中的处理方式：

var elem = document.querySelector(".container");
elem.onscroll = function () {
    sessionStorage.setItem('scroll', elem.scrollTop);
};

if (sessionStorage.getItem('scroll') != null) {
    elem.scrollTop = parseInt(sessionStorage.getItem('scroll'));
}

这是JSFiddle演示

Answer 2

您可以先保存滚动位置。 然后再次保留它。

var scrollPos=$("form").scrollTop();

//submit code goes here

$("form").scrollTop(scrollPos);