页面内置的对话框

Question

我想在页面中进行对话，该对话始终显示并牢固地位于页面中。 页面的其余部分仍应可操作。

Answer 1

使用CSS的position属性。特别是position: fixed。 将元素设置为position: fixed会将其从normal flow中删除，并将其放置在out of flow中并保持其位置，而与页面滚动无关。

下面的代码将在页面的左下角放置一个小对话框，而不会影响页面的其余部分。

<div class="dialog">Dialog</div>

<style>
  .dialog {
    position: fixed;
    bottom: 0;
    left: 0;
    border: 2px black solid;
  }
</style>