我有这个输入元素：
<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特性来实现这一点。
当前回答
单线的，单线的
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的情况下是可以实现的：
document.getElementById("element-id").scrollIntoView();
单线的，单线的
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>
假设您有一个带有id按钮的按钮，请尝试以下示例：
$("#button").click(function() {
$([document.documentElement, document.body]).animate({
scrollTop: $("#elementtoScrollToID").offset().top
}, 2000);
});
我从没有jQuery插件的文章平滑滚动到一个元素中得到了代码。我已经在下面的示例中测试了它。
<html><script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js“></script><脚本>$（文档）.ready（函数（）{$（“#click”）.click（函数（）{$（'html，body'）.animate({scrollTop:$（“#div1”）.offset（）.top}, 2000);});});</script><div id=“div1”style=“height:1000px；width 100px”>测验</div><br/><div id=“div2”style=“height:1000px；width 100px”>测试2</div><button id=“click”>单击我</button></html>
要显示整个元素（如果可以使用当前窗口大小）：
var element = $("#some_element");
var elementHeight = element.height();
var windowHeight = $(window).height();
var offset = Math.min(elementHeight, windowHeight) + element.offset().top;
$('html, body').animate({ scrollTop: offset }, 500);
如果您想在溢出容器中滚动（而不是上面回答的$（'html，body'）），同时使用绝对定位，这是一种方法：
var elem = $('#myElement'),
container = $('#myScrollableContainer'),
pos = elem.position().top + container.scrollTop() - container.position().top;
container.animate({
scrollTop: pos
}
