I currently have a sliding tab on the right side of my webpage, with the fixed position attribute and a negative right position to conceal a portion of it...
.element {
position:fixed;
right:-200px;
width:300px;
background:red;
height:200px;
}
However, on the iPad, I'm struggling to keep the element fixed or 200px off from the right side. I've come across information stating that fixed positioning may not work well on mobile devices due to screen size constraints. When the page loads and the iPad is held in portrait mode, my element tends to load approximately 200px inside from the right edge. Any suggestions on how to address this issue?