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：动画完成后调用的函数。