Mozilla滾動jquery div不滾動

Question

我有一個與自動溢出的div。

我想，如果用戶滾動頁面，如果該滾動條的div來，那麼它首先滾動該div，然後滾動主體滾動。

在我的情況下，它在Chrome中工作正常，但在Mozilla中，如果您連續滾動頁面，則不會滾動該div。

這裏是我的html

<p>lorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem sumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsum</p> 


<div class="scroller"> 

<p>lorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ips</p><p>lorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipmlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsum</p> 
</div> 
<p>lorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorerem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem </p><p>lorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem </p> 

請建議我。 https://jsfiddle.net/46eejkmw/1/

Answer 1

檢查此琴：https://jsfiddle.net/fq19n473/1/

你可以使用這個jQuery：

var i=0; 
var docsc=$(document).scrollTop(); 
$(document).scroll(function(){ 
    i+=30; 
    var divsc=$('.scroller').scrollTop(); 
    if(divsc < $('.scroller').height()-31){ 
    $('html, body').prop("scrollTop", docsc); 
    $('.scroller').animate({ 
     "scrollTop":i 
    },100); 
    }else{ 
    i=0; 
    docsc=$(document).scrollTop(); 
    } 
});