Jquery 如何在div中设置滚动到段落顶部的动画?
我对jQuery非常陌生,无法使用以下代码。我想设置一个div中某个段落滚动到顶部的动画,但不知为什么动画无法运行 请在此小提琴中查找代码: 这是我目前拥有的代码,它可以。。。但是链接到锚对象,而不是div。请尝试:) 您可以使用特定ID或空锚定标记设置第一个元素。。。然后选择它并使用scrollIntoViewJquery 如何在div中设置滚动到段落顶部的动画?,jquery,html,css,Jquery,Html,Css,我对jQuery非常陌生,无法使用以下代码。我想设置一个div中某个段落滚动到顶部的动画,但不知为什么动画无法运行 请在此小提琴中查找代码: 这是我目前拥有的代码,它可以。。。但是链接到锚对象,而不是div。请尝试:) 您可以使用特定ID或空锚定标记设置第一个元素。。。然后选择它并使用scrollIntoView 或者,您还有两个其他选择 1) 动画scrollintoview()jQuery插件。 (二) 功能滚动到(元素、位置) { 变量y=元素滚动顶部; y+=(pos-y)*0.3;
或者,您还有两个其他选择 1) 动画scrollintoview()jQuery插件。 (二)
功能滚动到(元素、位置)
{
变量y=元素滚动顶部;
y+=(pos-y)*0.3;
if(数学绝对值(y位置)<2)
{
元素scrollTop=位置;
返回;
}
元素scrollTop=y;
设置超时(滚动至,40,元素,位置);
}
这两种选择都可以在本帖中找到:
$(document).ready(function(){
$('#div1').scroll(function() {
var par1toTop = $('#par1').position().top;
if ($('#div1').scrollTop() >= par1toTop) {
var par5toTop = $('#par5').position().top;
if ($('#div2').scrollTop() != par5toTop && par5toTop != 0) {
//why can't I animate the scrolling here?
$('#div2').animate({scrollTop(par5toTop)}, 800);
}
}
});
});
$('#aID').get(0).scrollIntoView();
function Scroll_To(elem, pos)
{
var y = elem.scrollTop;
y += (pos - y) * 0.3;
if (Math.abs(y-pos) < 2)
{
elem.scrollTop = pos;
return;
}
elem.scrollTop = y;
setTimeout(Scroll_To, 40, elem, pos);
}