How to make the pop-up window of < el-popover > move with the screen.

The

page adds a < el-popover > pop-up window, which appears when you click the button, but when you scroll the page, the pop-up window will not change, so it will be misplaced with the button. But I found that the example on the official website can move with the screen,

I tried to define position, in app.vue, but it didn"t work.

this is an example of the official website:

< el-popover

placement="bottom"
title=""
width="200"
trigger="click"
content=",,,">
<el-button slot="reference">click </el-button>

< / el-popover >

this is my definition in App.vue
. El-popover {
background-color:-sharp161626;
border: 1px solid-sharp3c4155;
color:-sharpefeff0;
border-radius: 4px;
position: absolute;
border-style: groove;
}

Jul.27,2021

setting: append-to-body= "false"

Menu