2014-02-22 43 views
-1

我在Stack Overflow上看到了此代碼。它向下滾動鼠標懸停和滾動頂端鼠標移開時:jQuery滾動返回頁首懸停時達到底部

var amount = ''; 
function scroll() { 
    $('#div1').animate({ 
     scrollTop: amount 
    }, 500, 'linear',function() { 
     if (amount != '') { 
      scroll(); 
     } 
    }); 
} 
$('#div1').hover(function() { 
    amount = '+=10'; 
    scroll(); 
}, function() { 
    amount = '0'; 
}); 

我需要它也滾動到頂部,當它到達底部。我嘗試添加一個if /然後到第二部分向下滾動只在滾動量小於DIV高度:

$('#div1').hover(function() { 
    if (amount < ('#div1').height()){ 
     amount = '=+10'; 
     scroll();} 
    else { 
     amount = '=-10'; 
     scroll();} 
}, function() { 
    amount = '0'; 
}); 

但已停止所有滾動。任何援助將是偉大的。

謝謝。

+2

等,所以你看到了一些代碼,並希望它有所不同,並且你認爲這裏有你的爪牙在爲你工作? – Bobby5193

+0

如果你想這樣說,很好。我已經編輯了這篇文章,以反映我已經嘗試了各種各樣的東西,但是現在只是在圈子裏。 – Beau

+0

如果你想創建一個小提琴來說明你的需求,這會容易得多 – Bobby5193

回答

0

我認爲您錯誤地放置了腳本中的金額號碼更改標誌。它應該看起來像這樣:

$('#div1').hover(function() { 
    if (amount < ('#div1').height()){ 
     amount = '+=10'; 
     scroll();} 
    else { 
     amount = '-=10'; 
     scroll();} 
}, function() { 
    amount = '0'; 
});