T
T
thebatik2018-08-09 12:59:42
css
thebatik, 2018-08-09 12:59:42

Position: sticky not working in Safari?

On the website at the bottom of the screen, you need to stick a strip with the application form.
The form should always be at the bottom until you scroll to this block (the application form block is located after the content, but before the footer).
It was decided to use

position: sticky,
bottom: 0px;

In Edge, FF, Chrome, Opera works as it should.
In IE 11 (no sticky support) and Safari (support available) it doesn't stick.
Also prescribed -webkit-sticky , also does not work.
And another question: is there a service for checking the site in Safari (desktop version)?
The code is this:
https://codepen.io/thebatik/pen/rroNRX

Answer the question

In order to leave comments, you need to log in

2 answer(s)
A
Andrej Sharapov, 2018-08-09
@Madeas

https://caniuse.com/#search=sticky

Z
zoozag, 2018-08-09
@zoozag

And another question: is there a service for checking the site in Safari (desktop version)?

https://www.browserstack.com/

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question