我刚刚开始使用jQuery,我使用twitter bootstrap进行了两列布局。 CSS文件是:
html, body {
overflow: hidden;
height: 100%; }
.span8, .span4 {
overflow: auto; }
这为span4和span8提供了单独的滚动条。在span8部分中,有一个条目列表,我想在滚动条中添加一些功能。但是目前,scrollTop似乎根本没有响应,即使是最简单的响应。例如,如果我在.js文件中有这样的东西(“entry”是这些条目的类):
$(document).ready(function() {
$('.entry').scrollTop(1000);});
我认为它会将滚动条放在第一个条目的顶部1000像素之下,但是当我加载页面时,滚动条仍然位于顶部。或者我尝试使用scrollTop读取滚动条位置的值,它总是给我0.我确定我一定搞砸了什么,有人有建议吗?感谢。
更新:经过一番研究,结果发现我犯了一个愚蠢的错误。 “.scrollTop”只能由div具有滚动条的选择器调用。在我的情况下,我不能使用$('.entry').scrollTop(1000);
。相反,我应该使用$('.span8').scrollTop(1000);
。
答案 0 :(得分:0)
试试这个:
$(document).ready(function () {
$('html, body').animate({
scrollTop: $('.entry').offset().top + 1000
}, 'slow');
});