2012-12-11 26 views
14

好的繼承人場景。我有一個單頁網站,可能會使用錨鏈接部分。當用戶在輔助佈局(頁面)上,並且當他們再次點擊以轉到主頁面上的部分時,出於某種原因圖形不能正確加載直到滾動發生。我想要做的就是每當主佈局加載時,無論加載哪個錨點,只需向上或向下滾動頁面1個像素即可。Jquery Scroll用戶在屏幕上的一個像素點

$.scrollTo({ top: '+=100px', left: '+=0px' }, 800); 

我嘗試了上面的代碼,但是這段代碼只需要用戶從頂部100個像素。我不希望發生這種情況,即不是從頂端,而是從用戶在屏幕上的位置發生。

回答

25

使用jQuery scrollTop的()來設置滾動位置到當前的滾動位置+ 1:

$(window).scrollTop($(window).scrollTop()+1); 
+0

完美的我想要什麼。 +1 –

+0

小心不要把它放在一個循環中,否則你會得到一個無休止的平滑滾動。 Unles這就是你要去的地方。 – AlexL

+0

@Justin McDonald這不工作,而不是窗口,你必須使用'html,body'。 – Kadaj

3

甲純JavaScript溶液而不jQuery的開銷:

window.scrollY += 100; 

使用jQuery(和花哨的動畫):

var cur = $(window).scrollTop(); 
$(window).animate({scrollTop: cur + 100}); 
1
$("html, body").animate({scrollTop: ($(window).scrollTop() + 1)}); 
+0

請在代碼前面使用4個空格將其格式化爲代碼。 –

相關問題