javascript 如何根据页面的位置定位div?

6rvt4ljy  于 2023-01-01  发布在  Java
关注(0)|答案(1)|浏览(158)

我在一个叫www.example.com的网站上看到了它Medium.com,我也想把它放在我的网站上。

当共享帖子位于页面顶部时=

first.image

当共享帖子位于页面底部时=


second.image

我会把这个做成Angular。我希望我已经把我的要求说清楚了。

rsaldnfx

rsaldnfx1#

我建议使用Angular Material Menu,它看起来很相似,处理下拉菜单的定位,并得到角材料团队的支持。

<button mat-icon-button [matMenuTriggerFor]="menu" aria-label="Example icon-button with a menu">
  <mat-icon>more_vert</mat-icon>
</button>
<mat-menu #menu="matMenu">
  <button mat-menu-item>
    <mat-icon>dialpad</mat-icon>
    <span>Redial</span>
  </button>
  <button mat-menu-item disabled>
    <mat-icon>voicemail</mat-icon>
    <span>Check voice mail</span>
  </button>
  <button mat-menu-item>
    <mat-icon>notifications_off</mat-icon>
    <span>Disable alerts</span>
  </button>
</mat-menu>

相关问题