jQuery Waypoints Sticky Plugin Hides Slider Items
The Tools: I'm using Caleb Troughton's jQuery Waypoints plugin and its
extension plugin Sticky Elements to manage my header and make my
Flexslider sticky. The Problem: However, once the 'sticky' class becomes
assigned to the Flexslider's containing div the list items disappear but
only for about 1 fold worth of scroll then it comes back again.
I CANNOT figure it out after many hours and two different slider solutions
so I'm turning to SO. Any help would be greatly appreciated.
jQuery('.fixme').waypoint('sticky', {
wrapper: '<div class="sticky-wrapper"></div>',
stuckClass: 'stuck',
offset: 155
})
HTML:
<div class="fixme">
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li>
<img src="image-here.jpg" width="805" height="400"/>
</li>
</ul>
</div>
</section>
</div>
CSS:
#corner_box_widget{ width: 805px; height: 500px; border: none; }
/*widget class, placeholder*/
.fixme{ width: 805px; /*background: none;*/ }
.stuck{ position: fixed; top: 150px; background: transparent; }
No comments:
Post a Comment