我有一个非常简单的Jquery代码片段,可在单击(.target
)时将用户滚动到特定的div(.click
)。当用户高于.target
时,此方法可以正常工作,但如果用户低于.target
,则此方法将无效。可以双向进行这项工作吗?
$(".click").on('click', function() {
$("html, body").animate({
scrollTop: $(".target").offset().top;
}, 1000); });
});
答案 0 :(得分:3)
它的工作。你有语法错误
$("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>