jQuery

Question

我有一个隐藏的div，可以切换到视图中。该图层包含一些过滤选项，并且可以高于视口。如果用户滚动，关闭并重新打开，那么他应该从顶部而不是从其离开的地方看到div。我尝试了scrollintoview，但没有成功。

如何使图层始终从顶部开始显示？

<script>
    $("#filter_button").on("click", function(){
        if ( $("#filter_button_inner").text() === "Zurück" ){
            $("#filter_box").toggle()
            $("#myform").scrollIntoView();
        }
        else {
            $("#filter_box").toggle()
            $("#myform").scrollIntoView();
        }
    });
</script>


<div id="filter_box" hidden >
    <form id="myform">
    </form>
</div>

Answer 1

jQuery

您可以在jQuery中使用scrollTop(0)函数来滚动到顶部。如果未调用任何变量，则返回元素的当前垂直位置。您可以进一步了解here。

这里是页面准备好后可以滚动到顶部的方法。

$(document).ready(function() {
    $(window).scrollTop(0);
});

如果您要在窗体的开头滚动窗口，则可以执行以下操作：

$(document).ready(function() {
    $(window).scrollTop($("#myform").offset().top);
});

Javascript

在javascript中，您可以使用scrollTo()函数来获得所需的结果。有关scrollTo()的更多详细信息。

window.scrollTo({ top: 0 });

您甚至可以在滚动条中添加平滑效果

window.scrollTo({ top: 0, behavior: 'smooth' });

希望这会有所帮助。

如何使用JavaScript或jQuery将表单滚动到视图中？

1 个答案:

jQuery

Javascript