Mozilla Scroller jquery divスクロールしない

Question

私はオーバーフローオートでdivを持っています。

私は、ユーザーがページをスクロールし、そのスクロールとdivが表示されたら、最初にスクロールしてから本体スクロールをスクロールしたいと思います。

私の場合はクロームで正常に動作していますが、mozillaではページを連続してスクロールするとそのdivをスクロールしません。

はここ

<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> 

私を提案してください私のhtmlです。 https://jsfiddle.net/46eejkmw/1/

Answer 1

チェックこのフィドル：あなたはこのjqueryのを使用することができますhttps://jsfiddle.net/fq19n473/1/

：それほどスムーズ

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