Question

我有一个div，其id为＆＃39; regOrg＆＃39;并且最初使用css隐藏它

display: none;

要点击的链接的ID为back。点击链接后我希望它显示并平滑向下滚动（div regOrg）。

这是我的代码：

function goBack() {
    $("#regOrg").show();
    $("#back").click(function() {
        $('html, body').animate({
            scrollBottom: $("#regOrg").offset().bottom
        }, 2000);
    });
}

我在超链接的goback()事件上调用函数onclick。然而，它不起作用。 它只显示div但不会滚动到它。

Answer 1

您没有执行滚动。您只是将其绑定到click事件。

尝试：

function goBack() {
  $("#regOrg").show();
  $('html, body').animate({
     scrollBottom: $("#regOrg").offset().bottom + 'px'},2000);
}

编辑：我添加了缺少的“px”。

Answer 2

尝试这样的事情：

function goBack() {
  $("#regOrg").show();
  var myDiv = $('#regOrg');
  var height = myDiv[0].scrollHeight;
  myDiv.scrollTop(height);
}

适用于jsfiddle 您也可以查看this post。

jQuery / JavaS函数显示div并平滑向下滚动到它

2 个答案: