2012-10-22 58 views
0

我需要滾動頁面的內容從頂部到底部 和導航有'顯示頂部'的錨點。當我點擊'show top'anchor時,一個頁面(以前沒有顯示)將從頂部滾動到主屏幕區域。jQuery的從上到下滾動

.topPage{ 
    width:1280px; 
    color:#000; 
    float:left; 
    position:relative; 
    background:#E6E6E8; 
} 


$('a.scrollToBottom').click(function(){ 
    $('html, body').stop().animate({ 
scrollTop: $("#topPage").offset().top 
    }, 2000); 
// event.preventDefault(); 
}); 

但頁面(首頁上)從底部滾動到頂部.. 我需要從頂部滾動到底在主屏幕區域顯示。

+0

它很難理解什麼ü從這個問題想。清楚地告訴我們,你想要什麼,可能是一張截圖 –

+0

我編輯了我的問題Sir –

回答

0

您的問題是div被置於負值top偏移處。您無法垂直滾動過去0,所以一旦您點擊頂部,滾動就會停止,並且您將無法看到所有div

如果你想div動畫,可以考慮使用

$('.topcontent').stop().animate({ 
    top: 0 
}, 2000); 

代替。

+0

,但我需要從上到下滾動 –

+0

「上下滾動」的含義並不完全清楚。你想要div移動嗎?要滾動的頁面?你想讓div看起來像滑出去一樣嗎? – nneonneo

+0

我編輯了我的問題.. ,我想滾動頁面頁面先生.. –

0

自動滾動動畫頁面(或者,足夠整個頁面是視內部)的底部,我用這個:

$(window.opera ? 'html' : 'body,html,document').animate({ 
    scrollTop: $('body').height() - $(window).height()) 
    }, 1000);