代码之家  ›  专栏  ›  技术社区  ›  Akber Iqbal

web应用程序上的材料设计(类似Android)行为

  •  0
  • Akber Iqbal  · 技术社区  · 7 年前

    脚本

    我们有一个 mat-toolbar mat-tab-group -我们需要的行为就像下面的GIF,即当我们向下滚动时 “材质”选项卡组 (下面gif中的Cats)是可滚动的,并且 mat工具栏 (以下gif中的宠物)隐藏起来,只在我们向上滚动后再次显示。

    The code

    enter image description here

    我尝试过的方法:

    1. offsetHeight offsetTop 数字没有改变。 偏置 &安培; 越位 更改当整个窗口滚动时,值不会随着我们的滚动而改变 .
    2. 尝试对鼠标滚动进行观察,它在整个页面上有效,但在我们的 mat-list

    问题:

    0 回复  |  直到 7 年前
    推荐文章