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(); 
    } 
});