jquery - 仅当包装器 div 具有某个类时，才向下滚动到页面加载时的元素

Question

我有以下结构：

我希望页面滚动到#form_city元素，但只有当#wrapper有类.results

实现这一目标的最简单方法是什么？

Answer 1

你可以试试：

if ($("#wrapper").hasClass("results")) {
    $(window).scrollTop($("#form_city").prop('scrollHeight') + parseInt($(".post-text").css("height")))
}

Answer 2

使用 jquery：

$('#wrapper').hasClass('results').animate({
                                 scrollTop: $("#form_city").offset().top}, 2000);

Answer 3

尝试这个。它提供了平滑的滚动。

if($('#wrapper').hasClass('results')){
    $('html, body').stop().animate({
     scrollTop: $("#form_city").offset().top
 }, 800);
}