Страница прокрутки само по себе при динамическом обеспечении позиционирования якоря CSS ⇐ Html

[Anonymous]

Когда я выполняю следующее действие в фрагменте кода, браузер прокручивает вверх и вниз. Он все еще находится на экране, и Windows будет прокручивать сама по себе. < /p>


"

Код: Выделить всё

* {
word-break: break-word;
box-sizing: border-box;
}
body {
margin: 0;
min-height: 100vh;
}
.thin-table th,
.thin-table td {
border: 1px solid black;
border-collapse: collapse;
}
.my-anchor {
anchor-name: --my-anchor;
}
.my-popover {
position-anchor: --my-anchor;
border: solid 1px black;
background-color: cyan;
position: absolute;
position-area: span-right bottom;
position-try-fallbacks: flip-block;
}


window.addEventListener(
"DOMContentLoaded",
(e) => {
[...document.querySelectorAll("button")].forEach((e, i) => {
e.innerText = `Button-${i + 100}`;
e.addEventListener("click", (e) =>  showPopOver(e));
});
},
false
);
function showPopOver(e, label) {
document.querySelector(".my-anchor")?.classList.remove("my-anchor");
e.target.classList.add("my-anchor");
document.querySelector(".my-popover").style.display = "block";
}



Scroll to the bottom, press the last button, and then press the top button
while it is still on the screen, and windows will scroll by itself.

     & l t ; t a b l e   c l a s s = " t h i n - t a b l e " & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ; < b r   / >             & l t ; t d & g t ; & l t ; b u t t o n & g t ; B & l t ; / b u t t o n & g t ; & l t ; / t d & g t ; < b r   / >         & l t ; / t r & g t ; < b r   / >         & l t ; t r & g t ; < b r   / >             & l t ; t d & g t ; A & l t ; / t d & g t ;
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B


A
B

Подробнее здесь: https://stackoverflow.com/questions/794 ... ositioning