有一个在我的网站上DIV
,这是jQuery的向下滚动只是一个DIV中的元素
div{
max-height:400px;
overflow:auto;
}
我要创建一个按钮向下滚动只是这里面DIV
的元素添加到的CSS某些位置不是整个页面。我的意思是我想向下滚动DIV
。我知道如何为整个页面做到这一点,因为这是之前问过的,但我不知道如何做到这一点为DIV
。
有一个在我的网站上DIV
,这是jQuery的向下滚动只是一个DIV中的元素
div{
max-height:400px;
overflow:auto;
}
我要创建一个按钮向下滚动只是这里面DIV
的元素添加到的CSS某些位置不是整个页面。我的意思是我想向下滚动DIV
。我知道如何为整个页面做到这一点,因为这是之前问过的,但我不知道如何做到这一点为DIV
。
在普通的香草的Javascript,你可以简单地做:
document.getElementById('yourDiv').scrollTop = *position*;
凡位置是你要设置的滚动位置。
如果你想在div
滚动到内它的另一个元素的顶部,可以使用例如:
document.getElementById('yourDiv').scrollTop = document.getElementById('scrollToElement').offsetTop;
如果你想使用jQuery,您可以用精美的动画滚动功能的:
$("yourDiv").animate({scrollTop:*position*}, '500', 'swing', function() {
// anything to do after scroll
});
如何找出'position'必须是什么?有一组元素称为'#elemet1','#element2'等等。如果我想向下滚动直到'#element2'出现在'DIV'的顶部,我如何从'DIV'的顶部找到'#element2'的距离? – Drupalist
试试这个http://jsfiddle.net/aamir/cYwM8/ –