Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › h2 {position: sticky}
New Posts  All Forums:Forum Nav:

h2 {position: sticky}

post #1 of 2
Thread Starter 
https://air.mozilla.org/intern-presentation-ford/

I wasn't aware of this until today, but apparently it's already available for webkit/blink and on iOS since v6. Though some browsers need the option enabled.

It looks handy for working with large tables and getting around those nasty Javascript floats.


[edit]
My (shockingly bad) paraphrasing of the video for those with bandwidth limitations:
"This new CSS property will keep an object in view when it's usual fixed position is scrolled out of view."
Edited by Plan9 - 9/12/13 at 4:21am
post #2 of 2
This is a cool video. I personally like how this effect especially on long sections of a page. I also like how it could replace using javascript for the same effect, and don't get me wrong I like using javascript but I do try to keep it to a minimum when building a site.

Thanks for posting the video. +rep
Main Rig
(13 items)
 
BOINC
(15 items)
 
E5-26XX V2 2P
(12 items)
 
CPUMotherboardGraphicsGraphics
Intel 3770K MSI Z77 MPower MSI R7970 Lightning MSI R7950 Twin Frozr 
RAMHard DriveCoolingOS
G. Skill Trident seagate Baracuda Custom Liquid windows 7 64bit 
MonitorKeyboardPowerCase
ASUS VE248 Microsoft Wireless Corsair HX1000 Cosmos S 
Mouse
Microsoft Wireless 
CPUMotherboardGraphicsGraphics
Q9550 2.83Ghz @ 4.0Ghz 1.328v Gigabyte EP45T-DS3R Ati Radeon hd 6970 Sapphire HD 7970 
RAMHard DriveOptical DriveCooling
Corsair XMS3 seagate Baracuda LG Blu-Ray RW rosewill air cooler 
OSMonitorKeyboardPower
Windows Pro 64-Bit none Micosoft Wireless OCZ 1000w 
CaseMouse
Antec 900 Microsoft Wireless 
CPUCPUMotherboardGraphics
Xeon E5-26XX V2 2.3-2.7Ghz 10core/20 thread Xeon E5-26XX V2 2.3-2.7Ghz 10core/20 thread SuperMicro x9DAi EVGA GTX 580 
RAMRAMHard DriveCooling
G.SKILL Ripjaws X Series 8GB (4 x 2GB) 240-Pin ... G.SKILL Ripjaws X Series 8GB (4 x 2GB) 240-Pin ... Patriot 16gb Flash drive Hyper 212+ evo 
CoolingOSPowerCase
Hyper 212+ evo Ubuntu 12.04 OCZ Z series 1000w gold Fractal design define xl 
  hide details  
Reply
Main Rig
(13 items)
 
BOINC
(15 items)
 
E5-26XX V2 2P
(12 items)
 
CPUMotherboardGraphicsGraphics
Intel 3770K MSI Z77 MPower MSI R7970 Lightning MSI R7950 Twin Frozr 
RAMHard DriveCoolingOS
G. Skill Trident seagate Baracuda Custom Liquid windows 7 64bit 
MonitorKeyboardPowerCase
ASUS VE248 Microsoft Wireless Corsair HX1000 Cosmos S 
Mouse
Microsoft Wireless 
CPUMotherboardGraphicsGraphics
Q9550 2.83Ghz @ 4.0Ghz 1.328v Gigabyte EP45T-DS3R Ati Radeon hd 6970 Sapphire HD 7970 
RAMHard DriveOptical DriveCooling
Corsair XMS3 seagate Baracuda LG Blu-Ray RW rosewill air cooler 
OSMonitorKeyboardPower
Windows Pro 64-Bit none Micosoft Wireless OCZ 1000w 
CaseMouse
Antec 900 Microsoft Wireless 
CPUCPUMotherboardGraphics
Xeon E5-26XX V2 2.3-2.7Ghz 10core/20 thread Xeon E5-26XX V2 2.3-2.7Ghz 10core/20 thread SuperMicro x9DAi EVGA GTX 580 
RAMRAMHard DriveCooling
G.SKILL Ripjaws X Series 8GB (4 x 2GB) 240-Pin ... G.SKILL Ripjaws X Series 8GB (4 x 2GB) 240-Pin ... Patriot 16gb Flash drive Hyper 212+ evo 
CoolingOSPowerCase
Hyper 212+ evo Ubuntu 12.04 OCZ Z series 1000w gold Fractal design define xl 
  hide details  
Reply
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Web Coding
Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › h2 {position: sticky}