仅当包装器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);
}