Toggle class

I thought about adding this in the new version, but I couldn’t find a proper way of assigning styles to the sticky element to override any existing styles (at least without using “!important”) and make it an option in the plugin settings screen that wouldn’t be too confusing. Another reason why I didn’t include it, is because I wondered “why add a CSS box in the settings, when the CSS can just as easily be added to the actual CSS file?“

I’m definitely still looking into this, but in the meantime, I think you can use this format and add it to your own CSS file.

.sticky-element-original:not(.sticky-element-active) {
   /* your CSS styles here */
}

If you’re using Legacy Mode in the plugin, then this would do the trick:

.sticky-element-cloned {
   /* your CSS styles here */
}

Not an ideal situation, but I hope it helps for the time being.

The only thing I was wanted is that there is a different class name when the div is sticky and when it’s normal.

But thanks, I’ll try this 🙂

• This reply was modified 9 years, 8 months ago by Mary.