jQuery滚动到元素
我有这个input元素：
<input type="text" class="textfield" value="" id="subject" name="subject">
然后，我还有其他一些元素，例如其他文本输入，文本区域等。
当用户点击input带#subject，页面应该滚动到页面的最后一个元素与一个漂亮的动画。它应该是滚动到底部而不是顶部。
页面的最后一项是带有的submit按钮#submit：
<input type="submit" class="submit" id="submit" name="submit" value="Ok, Done.">
动画不应太快并且应该流畅。
我正在运行最新的jQuery版本。我更喜欢不安装任何插件，而是使用默认的jQuery功能来实现此目的。
问题答案：
假设您有一个ID为的按钮button，请尝试以下示例：
$("#button").click(function() {
$([document.documentElement, document.body]).animate({
scrollTop: $("#elementtoScrollToID").offset().top
}, 2000);
});
我已经在下面的示例中对其进行了测试。
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>
$(document).ready(function (){
$("#click").click(function (){
$('html, body').animate({
scrollTop: $("#div1").offset().top
}, 2000);
});
});
</script>
<div id="div1" style="height: 1000px; width 100px">
Test
</div>
<br/>
<div id="div2" style="height: 1000px; width 100px">
Test 2
</div>
<button id="click">Click me</button>
</html>
-
我正忙着建立一个页面，在那里，比赛的计分室将能够看到现场结果，因为评委们会为每个参赛作品打分。 除此之外（每10秒检查一次更新），还有一个功能可以检查舞台上的当前条目（用绿色标记），这将滚动计分室的块，以始终在页面顶部显示当前条目。 然而，这创造了一个无休止的循环上下滚动的整个时间。 初始滚动工作正常，但由于当前项的位置已更改，jQuery再次向下滚动，使该项现在处于新的偏移量。 我的代码当前如下
-
问题内容： 我正在制作一个FAQ页面，顶部有一些按钮可以跳转到一个类别（它跳转到我用作类别标签的标签，例如，用于我的常规类别）。我想添加一个滚动效果，而不仅仅是跳到该类别。我想要类似http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm的内容，该内容可以滚动到页面的所需部分。该链接是一个脚本，该脚本转到页面顶部，具有良好的滚动效果。我需要类似
-
本文向大家介绍jQuery实现滚动条滚动到子元素位置（方便定位），包括了jQuery实现滚动条滚动到子元素位置（方便定位）的使用技巧和注意事项，需要的朋友参考一下 话不多说，请看代码： jQuery: 以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持呐喊教程！
-
问题内容： 我有一个聊天小部件，每次向上滚动时，它都会拉出一系列消息。我现在面临的问题是加载消息时滑块固定在顶部。我希望它专注于上一个数组中的最后一个索引元素。我发现可以通过传递索引来创建动态引用，但是我还需要知道使用哪种滚动功能来实现这一点 问题答案： 单击此处，获得有关StackBlits的完整演示 React 16.3 +，Class组件 类组件-Ref回调 不要使用字符串引用。 字符串引用
-
问题内容： 我有一个模态框窗口（弹出窗口），其中包含一个iframe， 并且在该 iframe中 有一个可滚动的 div 。 当我滚动iframe的内部DIV，并且达到其上限或下限时， 浏览器本身的窗口就会开始滚动。这是 不想要的行为 。 我已经尝试过类似的操作， 当鼠标进入弹出框区域时，该操作会在onMouseEnter时终止主窗口滚动： e.preventDefault（）由于某些原因无法正常
-
我试图在jquery mobile Iscroll中使用scroll to element函数，但它不起作用 这就是我的脚本的样子 我在这里尝试了MyJSFIDLE