css 基于框位置打开弹出模式

46qrfjad 于 2023-06-25 发布在其他

关注(0)|答案(1)|浏览(106)

我想在盒子所在的位置弹出模式。对于顶部的2个盒子放置的模态打开正确，我正在尝试为最后2个盒子放置在底部以及。

{
 top: 0 + 'px'+ this.el.nativeElement.offsetTop + 'px',
 right: ((window.innerWidth || document.documentElement.clientWidth) - x.left) - 20 + 'px',
 height: 'auto',
 width: 58 + '%',
 display: 'flex'
};

我试着添加offsetop，但模态被放置在底部。
可复制的stackblitz https://stackblitz.com/edit/angular-pbxxgr?file=src/app/app.component.scss

不添加任何顶部值（适用于顶部2个框）（底部2个框的期望值相同）https://stackblitz.com/edit/angular-ufwotn?file=src/app/app.component.ts

我想一个类似的行为发生在第一个2框，每当我悬停在底部2框的模态是从顶部附近的第一个2框，而期望是直到无论我有滚动然后从他们的屏幕顶部的模态应该打开

css

来源：https://stackoverflow.com/questions/58500914/to-open-popup-modal-based-on-the-box-position

1条答案

按热度按时间

5anewei61#

试着用你的变量getBoundingClientRect，小例子，改一下：

this.modelstyle {
    top: 0 + px;
  ...here other your code...
}

到

this.modelStyle {
   top: x.top + window.scrollY + 'px',
...here other your code...
}

赞(0）回复(0）举报 2023-06-25

我来回答

css 基于框位置打开弹出模式

1条答案

相关问题

热门标签

最新问答