A workaround for iOS Safari to make an element fixed to the bottom of the screen, by giving it an 'absolute' position (instead of 'fixed'). Then adjusting its position when the user scrolls or extends the touch keyboard.

Open in mobile Safari to see the workaround in action. On any other browser, the native 'fixed' positioning is in place.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec ullamcorper elit. Vestibulum pretium tincidunt nulla quis porta. Integer erat ex, bibendum at dictum elementum, dictum eget dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Aliquam odio arcu, ultricies id finibus eu, vestibulum quis arcu. Maecenas id est erat. Nunc sapien nunc, venenatis vitae eros vel, blandit accumsan mi. Cras at ante ullamcorper, molestie augue nec, aliquam erat. Quisque feugiat ligula eu suscipit vehicula. Fusce semper est ipsum, in euismod elit hendrerit et.

Integer sed lectus scelerisque nisl finibus pellentesque et eget metus. Donec ultricies at dolor eu cursus. Cras eu nulla vel orci dignissim dignissim. Fusce venenatis purus ac arcu ultrices, nec pharetra est consequat. Cras aliquet ultrices augue, eu efficitur ante rutrum id. Cras ac arcu sit amet leo accumsan congue eget ac arcu.