Jquery滚动到div，无论您是在div之上还是之下

Question

我有一个非常简单的Jquery片段，可以在单击(.click(时将用户滚动到特定的div(.target(。当用户在.target以上时，这可以很好地工作，但如果用户低于.target，则不起作用。有可能使这项工作双向进行吗？

$(".click").on('click', function() {
$("html, body").animate({
scrollTop: $(".target").offset().top;
}, 1000); });
});

Answer 1

它正在工作。有语法错误

$("button").on('click', function() {
$("html, body").animate({
scrollTop: $("table").offset().top
}, 1000)
});

table { margin: 700px 0; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>click</button>
<table border="1" width="100%">
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
</table>
<button>click</button>