不能在.scroll-content上使用css，因为它会破坏ion-infinite-scroll

Question

下面的第一张图片显示了由margin-top上过大的.scroll-content创建的不需要的空白。我通过将margin-top: -47%放在.scroll-content上来反驳这一点。但是，这样做会破坏页面上的ion-infinite-scroll。似乎我放在.scroll-content上的任何和所有CSS都会中断ion-infinite-scroll。

如果单击图像以查看更近。您可以在devtools Elements部分中看到margin-top是在inline样式添加时动态创建的。有没有人知道如何移动整个.scroll-content或如何否定margin-top？我没有为此展示任何css ......我只是试图覆盖由ionic创建的元素样式。同样，我在.scroll-content上使用的任何CSS都会中断ion-infinite-scroll，所以这需要以一种非常hacky的方式完成（yay css）。

此外，使用setElementStyle或setAttribute('style', 'margin-top: 132px')之类的内容动态更改动作会中断.ion-infinite-scroll。

Answer 1

作为一种解决方法，我制作了自己的屏幕底部检测器：

let element = this.elRef.nativeElement.querySelector('.scroll-content');
element.addEventListener('scroll', (event) =>
{
    var element = event.target;
    if (element.scrollHeight - element.scrollTop === element.clientHeight)
    {
         ... loading new items code goes here ...