2011-06-30 36 views
1
后顶部

我做了小的jQuery折叠/展开脚本滚动到了slideDown

http://jsfiddle.net/goldie/QFL49/ (因为我did'n使它请不要支付attenton到HTML/CSS代码)

我怎么能使扩大的div滚动到页面的顶部? 谢谢你的帮助。

+0

你可能是多个S pecific? – Jason

+0

您是否希望展开的div的顶部始终位于视口之上? –

+0

这正是我想要的。 – Goldie

回答

5

我发现它

.slideDown(200, function() { 
    $('html, body').delay('200').animate({ 
    scrollTop: $(this).offset().top - 111 
    }, 200); 
}); 
0

你可以使用.scrollTop或者如果你想它的动画,做.animate({ “顶”: “0像素”},1000),例如

+0

我已经做到了。 $(this).parent()。parent()。parent()。parent()。next()。animate({“top”:“0px”},1000);并且它不起作用 – Goldie

+0

@Goldie - 这是可怕的丑陋和不稳定!试试'$(this).closest('。someClass')'。 –

+0

我甚至试过,但它根本不工作:)这里是链接http://jsfiddle.net/goldie/QFL49/你可以尝试自己 – Goldie

3

最后发现这一点,工作正常:

.slideDown(200, function() { 
    $('html, body').delay('200').animate({ 
    scrollTop: $(this).offset().top 
    }, 200); }); } });