search

matthewp / position--sticky-

Polyfill for position: sticky;
175 stars 40 forks source link

Incompatible with Bootstrap's hidden-iphone class #5

Open turadg opened 11 years ago

turadg commented 11 years ago

When I'm at the top of the page:

<div id="sidebar" class="span4 hidden-phone" style="  position: sticky;  top: 40px;  right: 20px; ">

When I scroll down it sticks (good):

<div id="reader-sidebar" class="span4 hidden-phone stuck" style="  position: sticky;  top: 40px;  right: 20px; position:fixed;width:389px;height:347px">

When I scroll down farther, it disappears (bad):

<div id="reader-sidebar" class="span4 hidden-phone" style="  position, sticky;  top, 40px;  right, 20px; position,fixed;width,389px;height,347px">

It looks like two problems happen there. One is that it loses its stuck class and two is that the rules are written with commas in place of colons.