javascript - 单击时显示 div 并滚动到它

Question

我有一个javascript函数可以在点击时显示/隐藏一个div，我希望页面在显示函数上向下滚动到那个div。我已经包含了 ScrollTop 功能，但它似乎不起作用。这是我的代码：

$('#output').hide();

$('#readMore').click(function(){
    $('#output').show(150);
    $('#readMore').hide(150);
      return false;
    $('html, body').scrollTop($('#output').offset().top);
});

$('#readLess').click(function(){
    $('#output').hide(150);
    $('#readMore').show(150);
});

Answer 1

请放在return false;最后。

$('#readMore').click(function(){
    $('#output').show(150);
    $('#readMore').hide(150);
    $('html, body').scrollTop($('#output').offset().top);
    return false; // Please put the return false; at the end.
});

Answer 2

$('#output').hide();

$('#readMore').click(function(){
$('#output').show(150);
$('#readMore').hide(150);
$('html, body').scrollTop($('#output').offset().top);
 return false;//return  need to be placed here
});

$('#readLess').click(function(){
$('#output').hide(150);
$('#readMore').show(150);
});