Print Page - [css] .poster sticky

Title: [css] .poster sticky
Post by: inter on October 26, 2015, 09:16:11 am

if add new rule for poster class

example:

/* Poster details and list of items */
.poster {
    ...
    position: sticky;
    top: 0px;
}

unpleasant effect occurs when you hover :(

(testing in firefox)

Title: Re: [css] .poster sticky
Post by: emanuele on October 26, 2015, 03:49:09 pm

Is "sticky" a valid value for the position attribute? O_o

Title: Re: [css] .poster sticky
Post by: inter on October 28, 2015, 02:38:36 am

of course

Title: Re: [css] .poster sticky
Post by: Jorin on October 28, 2015, 03:43:35 am

I found a lot of ressources that tell sticky is in experimental state and should not be used on production sites. Seems that not all browsers support this position variable atm.

http://caniuse.com/#feat=css-sticky

Title: Re: [css] .poster sticky
Post by: emanuele on October 28, 2015, 09:12:25 am

Then I'm out. LOL
No idea, sorry.

ElkArte Community

Elk Development => Theme development => Topic started by: inter on October 26, 2015, 09:16:11 am