我有这个输入元素：
<input type="text" class="textfield" value="" id="subject" name="subject">
然后我还有一些其他元素，比如其他标签的&<textarea>标签等等。。。
当用户点击＜input id=“#subject”＞时，页面应该滚动到页面的最后一个元素，并且应该使用一个漂亮的动画（应该滚动到底部而不是顶部）。
页面的最后一项是带有#submit的提交按钮：
<input type="submit" class="submit" id="submit" name="submit" value="Ok, Done.">
动画不应该太快，应该是流畅的。
我正在运行最新的jQuery版本。我宁愿不安装任何插件，而是使用默认的jQuery特性来实现这一点。
当前回答
这对我有用：
var targetOffset = $('#elementToScrollTo').offset().top;
$('#DivParent').animate({scrollTop: targetOffset}, 2500);
其他回答
我就是这样做的。
document.querySelector('scrollHere').scrollIntoView({ behavior: 'smooth' })
适用于任何浏览器。
它可以很容易地包装成函数
function scrollTo(selector) {
document.querySelector(selector).scrollIntoView({ behavior: 'smooth' })
}
下面是一个工作示例$（“.btn”）.click（函数）{document.getElementById（“scrollHere”）.sollIntoView（｛behavious:“smooth”｝）}).btn｛margin-bottom:500px；｝.middle｛显示：块；边距底部：500px；颜色：红色；｝<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js“></script><button class=“btn”>向下滚动</button><h1 class=“middle”>看到了吗</h1><div id=“scrollHere”>到达目的地</div>
Docs
如果您对平滑滚动效果不太感兴趣，而只是对滚动到特定元素感兴趣，则不需要使用jQuery函数。Javascript已涵盖您的案例：
https://developer.mozilla.org/en-US/docs/Web/API/element.scrollIntoView
因此，您需要做的就是：$（“selector”）.get（0）.scrollIntoView（）；
使用.get（0）是因为我们希望检索JavaScript的DOM元素，而不是JQuery的DOM元素。
更新
现在可以通过滚动选项滚动动画（参见MDN）。您甚至可以控制块的位置。除了Safari，它似乎有很大的支持
$("selector").get(0).scrollIntoView({behavior: 'smooth'});
单线的，单线的
subject.onclick = e=> window.scroll({ top: submit.offsetTop, behavior: 'smooth'});
subject.onclick=e=>window.sollow（｛top:submit.offsetTop，behavior：“smooth”｝）；.box，.foot｛display:flex；background:#fdf；padding:500px 0｝.foot{padding:250px｝<input type=“text”class=“textfield”value=“click here”id=“subject”name=“subject”><div class=“box”>一些内容<textarea></textarea></div><input type=“submit”class=“submit”id=“submit“name=”submit“value=”Ok，Done“><div class=“foot”>一些页脚</div>
jQuery.sollTo（）：视图-演示，API，源代码
我编写了这个轻量级插件，使页面/元素滚动更加容易。它很灵活，可以传入目标元素或指定值。也许这可能是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：动画完成后调用的函数。
您只需要：
$("selector").get(0).scrollTo(0, 0)
