2011-06-30 83 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); }); } });