Ich habe das nun so gemacht aber es funktioniert nicht wie gewünscht. Zwar wird die Message in der Mitte angezeigt aber wenn ich auf der Seite nach unten rolle und dort einen Button klicke, dann wird die Message weiterhin oben (nach 50%) angezeigt.
Code:
.fade{
background: red;
opacity:0;
color: #4F8A10;
background-color: #DFF2BF;
border-radius: .5em;
margin: 8px 0px;
padding:8px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
Ziel ist es, auch wenn ich auf der Seite nach unten rolle, soll die Message in der Mitte des aktuell dargestellten Ausschnittes angezeigt werden.