jQuery滚动到元素

Question

jQuery滚动到元素我有这个input元素：<input type="text" class="textfield" value="" id="subject" name="subject">然后我有一些其他元素，如其他文本输入，textareas等。当用户点击它input时#subject，页面应滚动到页面的最后一个元素，并带有漂亮的动画。它应该是一个滚动到底部而不是顶部。页面的最后一项是一个submit按钮，其中包含#submit：<input type="submit" class="submit" id="submit" name="submit" value="Ok, Done.">动画不应该太快，应该是流畅的。我正在运行最新的jQuery版本。我更喜欢不安装任何插件，但使用默认的jQuery功能来实现这一点。

Answer 1

jQuery .scrollTo（）：View - Demo，API，Source

我写了这个轻量级插件，使页面/元素滚动更容易。它可以灵活地传递目标元素或指定值。也许这可能是jQuery下一次正式发布的一部分，你怎么看？

---

示例用法：

$('body').scrollTo('#target'); 
// Scroll screen to target element$('body').scrollTo(500); 
// Scroll screen 500 pixels down$('#scrollable').scrollTo(100); 
// Scroll individual element 100 pixels down

---

选项：

scrollTarget：表示所需滚动位置的元素，字符串或数字。

offsetTop：一个数字，用于定义滚动目标上方的附加间距。

duration：确定动画运行时间的字符串或数字。

easing：一个字符串，指示要用于转换的缓动函数。

complete：动画完成后调用的函数。