如何使用jQuery平滑滚动页面到指定元素?
大家好!我刚开始学习jQuery,遇到了一个问题。我的页面上有一个很长的表单,提交数据后,我想自动滚动到显示成功或错误消息的区块。但标准的 `#id` 锚点跳转太生硬——页面直接跳转,用户会失去上下文。
我试过用 `window.scrollTo()`,但它只接受坐标,而我需要平滑滚动。以下是我当前的代码,效果不理想:
```javascript
$('#submit-btn').on('click', function() {
// ... 通过AJAX发送数据 ...
// 成功后:
window.scrollTo(0, $('#success-message').offset().top);
});
```
滚动是瞬间完成的,没有动画。我听说jQuery有 `.animate()` 方法,但不知道如何用它来实现页面滚动。另外,我在网上找到了 `jQuery.scrollTo` 插件,但如果能用标准方法实现,我不想引入额外的库。