3 ms·

Can someone explain what 'Position: sticky' is please? As I'm having difficulty accessing the video: (I still seem to have lots of issues trying to watch vide

Can someone explain what 'Position: sticky' is please? As I'm having difficulty accessing the video: (I still seem to have lots of issues trying to watch videos in the browser. Even embedded Vimeo never works for me (Chrome/Debian/Linux), seems flash video is the only thing that consistantly works).

skeletonjelly 13y ago
Are you using Firefox? https://support.mozilla.org/en-US/questions/961627 https://support.mozilla.org/en-US/questions/961627
- inthewind 13y ago
  (I stated Chrome. But never have much luck in Firefox either. Anyhow, nevermind.)
GhotiFish 13y ago
If you would like to watch the video, right click download this link: https://vid.ly/9u6k6d?content=video&format=webm https://vid.ly/9u6k6d?content=video&format=webm That should download the file directly, and you can watch it in a native player.
- inthewind 13y ago
  Thanks. How I hate embedded video! I wish authors would at least give an alternative download for their resources. Beats having to dig around in the source. That one is a little too large a video a file size for my tariff, will have to watch later.
sambeau 13y ago
{position: sticky} It looks like it pins an element in a fixed position when it normal position has scrolled off the screen as long as it's parent container is visible on screen. It displaying it inline as normal when its position is visible onscreen. It can be used to make sticky-headers like iOS lists have: e.g. showing the letter of the alphabet at the top of the screen when scrolling through an address book . It will be really useful for keeping the row titles visible in a long scrolling table.
- inthewind 13y ago
  I've seen this kind of behaviour on a few sites. I thought it was achieved by having the position fixed on the element, as soon as JS detected that the element was moving out of the document window. There's a time and a place for this sort of thing. I personally get a little annoyed with fixed headers as it can break text paging. Text gets hidden under the header. When you hit page-down you get another page worth of text but the fixed element obscures the text. Can position: sticky help with something like that?
  - etherealG 13y ago
    i think the correct fix for this is for the browser to realise that some of the height is obscured by position:fixed elements, and only scroll the rest of the height on a page-down keypress. a javascript version of the same wouldn't be possible, so yes, this can help. whether it's implemented like that yet i'm not sure, perhaps open a bug with webkit / gecko if not.
    - asadotzler 13y ago
      Firefox already does this and has for some time.
      - inthewind 13y ago
        Really? Not for me, and I' m on Nightly. Perhaps we are talking about different things. http://pastebin.com/5eDi9WDW http://pastebin.com/5eDi9WDW

skeletonjelly 13y ago

Are you using Firefox? https://support.mozilla.org/en-US/questions/961627 https://support.mozilla.org/en-US/questions/961627

inthewind 13y ago
(I stated Chrome. But never have much luck in Firefox either. Anyhow, nevermind.)

GhotiFish 13y ago

If you would like to watch the video, right click download this link: https://vid.ly/9u6k6d?content=video&format=webm https://vid.ly/9u6k6d?content=video&format=webm That should download the file directly, and you can watch it in a native player.

inthewind 13y ago
Thanks. How I hate embedded video! I wish authors would at least give an alternative download for their resources. Beats having to dig around in the source. That one is a little too large a video a file size for my tariff, will have to watch later.

sambeau 13y ago

{position: sticky} It looks like it pins an element in a fixed position when it normal position has scrolled off the screen as long as it's parent container is visible on screen. It displaying it inline as normal when its position is visible onscreen. It can be used to make sticky-headers like iOS lists have: e.g. showing the letter of the alphabet at the top of the screen when scrolling through an address book . It will be really useful for keeping the row titles visible in a long scrolling table.

inthewind 13y ago
I've seen this kind of behaviour on a few sites. I thought it was achieved by having the position fixed on the element, as soon as JS detected that the element was moving out of the document window. There's a time and a place for this sort of thing. I personally get a little annoyed with fixed headers as it can break text paging. Text gets hidden under the header. When you hit page-down you get another page worth of text but the fixed element obscures the text. Can position: sticky help with something like that?
- etherealG 13y ago
  i think the correct fix for this is for the browser to realise that some of the height is obscured by position:fixed elements, and only scroll the rest of the height on a page-down keypress. a javascript version of the same wouldn't be possible, so yes, this can help. whether it's implemented like that yet i'm not sure, perhaps open a bug with webkit / gecko if not.
  - asadotzler 13y ago
    Firefox already does this and has for some time.
    - inthewind 13y ago
      Really? Not for me, and I' m on Nightly. Perhaps we are talking about different things. http://pastebin.com/5eDi9WDW http://pastebin.com/5eDi9WDW