Question

我尝试过的事情：

$('#content').load("/education.php?filter_page=kurs&selected_kurs_id=" + selectedKursId + "&selected_category_id=" + selectedCategoryId  + "&kursId=" + positionKurs, function(){
     $(this).scrollTop(0);

});

内容加载后如何向上滚动页面？

Answer 1

$(document).ready(function(){
    $('html, body').animate({scrollTop:0}, 'slow');
});

.wrapper{
  height: 1000px;
  border: 1px solid #ccc;
  padding: 5px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrapper"><h3>Header</h3>

Answer 2

您真的需要使用jQuery（例如制作动画）吗？

如果您这样做，请尝试：

$('html,body').scrollTop(0);

OR

$('html, body').animate({ scrollTop: 0 }, 'fast');

如果您只需要一些动画而不是顶部动画。

另一方面，如果您不需要jQuery，则只需使用Javascript

window.scrollTo(x-coord, y-coord); e.g. window.scrollTo(0, 0)

参数：

x坐标是沿水平轴的像素。

y坐标是沿垂直轴的像素。

Answer 3

根据我的经验，您需要在加载后延迟滚动，否则将无法执行任何操作。试试这个：

$('#content').load("/education.php?filter_page=kurs&selected_kurs_id=" + selectedKursId + "&selected_category_id=" + selectedCategoryId  + "&kursId=" + positionKurs, function(){
     settimeout(function()
     {
         $('#content').scrollTop(0);
     }, 100);

});

Answer 4

尝试与发布相同的.load：

$('#content').load("/education.php?filter_page=kurs&selected_kurs_id=" + selectedKursId + "&selected_category_id=" + selectedCategoryId  + "&kursId=" + positionKurs);

但是

在 education.php 内部添加：

<script>
    $("html, body").animate({ scrollTop: 0 }, "slow");
</script>

将页面滚动到jQuery加载功能的顶部

4 个答案: