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