Mozilla scroller jquery div未滚动

我有一个自动溢出的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>

lorem-lorem-ipsumlorem-lorem-ipsumlorem-lorem-ipsumlorem-Orem-ipsumlorem-sumlorem-lorem-ipsumlorem-Orem-ipsumlorem-lorem-ipsumlorem-ipsumlorem

lorem lorem Ipsumlore lorem Ipsumlore lorem Ipsumlore lorem Ipsumlore lorem Ipsumlore lorem Ipsumlore lorem Ipsumlore lorem Ipsumlore lorem Ipsumlore lorem Ipsumlore lorem Ipsumlore lorem Ipsumlore lorem Ipsumlore

lorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem lorem lorem lorem lorem lorem lorem ipsumlorem lorem lorem lorem ipsumlorem lorem ipsumlorem lorem lorem ipsumlorem lorem ipsumlorem lorem lorem ipsumlorem lorem lorem lorem ipsumlorem lorem lorem ipsumloremlorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem lorem ipsumlorem

请推荐我。 检查这把小提琴：

您可以使用以下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();
  }
});

var i=0；
var docsc=$（document.scrollTop（）；
$（文档）。滚动（函数（）{
i+=30；
var divsc=$（'.scroller'）.scrollTop（）；
如果（divsc<$（'.scroller'）.height（）-31）{
$（'html，body'）.prop（“scrollTop”，docsc）；
$（'.scroller'）。设置动画({
“滚动顶端”：i
},100);
}否则{
i=0；
docsc=$（document.scrollTop（）；
}
});

检查这把小提琴：

您可以使用以下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();
  }
});

var i=0；
var docsc=$（document.scrollTop（）；
$（文档）。滚动（函数（）{
i+=30；
var divsc=$（'.scroller'）.scrollTop（）；
如果（divsc<$（'.scroller'）.height（）-31）{
$（'html，body'）.prop（“scrollTop”，docsc）；
$（'.scroller'）。设置动画({
“滚动顶端”：i
},100);
}否则{
i=0；
docsc=$（document.scrollTop（）；
}
});

它没有那么平滑。它最初滚动那个div。我想要的是，若光标不是那个div，那个么它会滚动那个div，以及用户连续滚动页面时发生的所有事情。但无论如何，谢谢你的帮助。事情并没有那么顺利。它最初滚动那个div。我想要的是，若光标不是那个div，那个么它会滚动那个div，以及用户连续滚动页面时发生的所有事情。但无论如何，谢谢你的帮助。