.navbar {
position: absolute;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
z-index: 100;
}
.navbar h1 {
color: #e50914;
font-weight: bold;
cursor: pointer;
font-size: 36px;
}
.navbar button {
cursor: pointer;
border: none;
font-weight: bold;
background-color: transparent;
color: #ffff;
}
.navbar .signup {
height: 40px;
width: 60px;
background-color: #e50914;
color: #ffff;
border-radius: 4px;
}
<button class="signup">Sign Up</button>
const simplecheckoutButtonRight = document.querySelectorAll(".simplecheckout-button-right");
simplecheckoutButtonRight.forEach(el => {
const btn = el.querySelector(".button");
btn.addEventListener("click", function(e) {
e.target.remove();
});
});
Здесь не чего не сказано , что они остаются, я так понял что у него такое-же поведение как и при auto с одним исключением - что текст не дергается при появление скролла