小编Jul*_*lsy的帖子

我@HostListener('window:scroll', [])在Angular 4应用程序中使用,以便在滚动时向标题添加其他类.它在Chrome中运行良好,但我注意到在Firefox 54.0(我认为它是最新的当前版本)中没有添加该类,它根本不执行onWindowScroll()方法.可能是什么原因？

这是代码的一部分和Plunker演示(顺便说一句,在Chrome中也可以正常工作但在Mozilla中不行):

public isScrolled = false;
constructor(@Inject(DOCUMENT) private document: any) {}
@HostListener('window:scroll', [])
onWindowScroll() {
    const number = this.document.body.scrollTop;
    if (number > 150) {
        this.isScrolled = true;
    } else if (this.isScrolled && number < 10) {
        this.isScrolled = false;
    }
}

任何帮助将非常感激.

我对webkit-overflow-scrolling有一个奇怪的问题:在IOS 10中触摸属性 - 当模态具有更长的内容时,它会被"卡住"或"冻结"而不能滚动.

首先,我用JavaScript阻止了对模态的缩放缩放,因为我认为它导致了问题 - 没有效果.

我也尝试了所有我能找到的建议修复,但是当模态更长时,有时(不是每次)它都会在滚动时被卡住.

这个行为肯定来自webkit-overflow-scrolling:touch属性,因为当我删除它或将其设置为auto时,模态不会冻结但滚动变得很糟糕 - 根本不顺利.

有人可以建议我修复一下吗？任何帮助将不胜感激.

这是代码的一部分:

.body.modal-open {
  position: fixed;
  width: auto;
  overflow: hidden;
}
.modal-container {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   z-index: 2500;
   overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
   -webkit-transform: translateZ(0px);
   -webkit-transform: translate3d(0,0,0);
   -webkit-perspective: 1000;

   &::before {
    content: '';
    display: inline-block;
    height: 100%;
   }

  .modal {
      position: relative;
      display: inline-block;
      width: 550px;
      z-index: 3000;
   }

}

我正在使用Angular toastr，但在隐藏上一个 toastr 和显示下一个 toastr 之间遇到了延迟。一次应该只有一个烤面包机。我隐藏并显示它，但没有视觉差异，并且吐司消息仍然相同，用户无法区分哪个是前一个吐司，哪个是下一个吐司。我用两个功能解雇他们。任何帮助，将不胜感激。

这是我的设置：

        autoDismiss: true,
        maxOpened: 2,
        newestOnTop: true,
        extendedTimeOut: 1000,
        tapToDismiss: false,
        timeOut: 5000

我在将 Ionic 4 应用程序部署到 Github 页面时遇到问题。我尝试遵循上传 Angular 应用程序的教程，但它不起作用。它不断抛出各种错误。有人可以帮忙吗？非常感谢。

我想了解这个SASS代码会产生什么:

&--active, &:not(&--disabled):not(&--inactive):hover, &:not(&--disabled):not(&--inactive):focus {
   background-color: white;
   color: grey;
}

我想知道这部分:

&:not(&--disabled):not(&--inactive):hover

表达的第一部分对我来说很清楚&:not(&--disabled).

这将&--disabled在应用下面写的样式时排除该类.

但它旁边的scss是什么意思 - :not(&--inactive):hover？这些&:not选择器结合使用了吗？

此外,这个scss有一些奇怪的行为 - 在localhost上这不起作用 - 根本不适用,当它部署在测试服务器上时,它被应用并且工作正常(它被gulp插件编译和缩小) .

任何帮助和建议将不胜感激.