我有这个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功能来实现这一点.
我有一个简单的页面设置,如:
<div id="aboutUs">
About us content...
</div>
<div id="header">
Header content...
</div>
当页面加载时,我需要页面自动向下滚动(不需要动画)#header,因此除非向上滚动,否则用户无法看到关于我们的div.
#aboutUs 有一个固定的高度,所以没有任何变量来确定高度或任何东西......如果甚至需要.
我遇到了另一个问题并尝试修改我的情况的一些答案,但似乎没有任何工作.
任何帮助,将不胜感激.
我有一个div,overflow: scroll我有一些隐藏在DIV中的元素.单击页面上的按钮,我想让DIV滚动到DIV内的特定元素.
我该如何实现这一目标？
我有一个硬编码高度的滚动容器:
.scrollingContainer {
overflow: scroll;
height: 400px;
}
这个滚动容器包含一个项目列表,当我点击我要滚动容器的项目时,单击的项目位于滚动容器的顶部.
$('.scrollingContainer li a').click( function(event) {
var vpHeight = $('.scrollingContainer').height();
var offset = $(this).offset();
$('.scrollingContainer').animate({
scrollTop: vpHeight - offset.top
}, 500);
});
以上是我目前的情况,我在进行数学计算时遇到问题.另外我认为var offset值是不正确的,因为它似乎是从页面顶部获得偏移量,我希望根据它在滚动容器中的位置获得偏移值.
任何帮助赞赏!
我有以下问题:
我打开一个带有jQuery UI的对话框.此对话框包含大量内容,无法一次显示.
是否可以滚动到对话框中的特定元素？
我需要滚动到div但滚动后我不需要div在页面顶部
我需要它在页面中如何做到这一点 在页面的中心.
我看到许多问题使滚动正确,但在页面顶部我需要它滚动,但使div在页面的中心.
我已经尝试了这个,但是滚动到页面顶部
$('html,body').animate({
scrollTop: $("#"+div).offset().top},
'slow');
谢谢
如何使用jQuery滚动到特定项目？滚动到div但是在页面顶部而不是在中心