Sticky Elements in Flare

This forum is for all Flare issues not related to any of the other categories.
Post Reply
jimgilliam
Propeller Head
Posts: 84
Joined: Tue Jun 04, 2013 9:49 am
Location: Arkansas, U.S.A.

Sticky Elements in Flare

Post by jimgilliam »

For those interested, this seems to work if you want to "sticky" an element in Flare.

Code: Select all

<div class="columns small-6 right" data-sticky-container="">
	<div class="sticky" data-sticky="" data-margin-top="4">
		<img class="thumbnail" src="https://foundation.zurb.com/sites/docs/assets/img/generic/rectangle-3.jpg" />
		<!-- This sticky element would stick to the window, with a marginTop of 0 -->
	</div>
</div>
Demo: https://codepen.io/jimg-techwriter/pen/qBgWMBd
:flare:
trent the thief
Propellus Maximus
Posts: 613
Joined: Wed Feb 01, 2006 6:21 am
Location: Off in the dark....

Re: Sticky Elements in Flare

Post by trent the thief »

That's grist for the Tips and Tick forum
Trent.

Certifiable.

Image

umm...
I meant MAD Certified.

Official Propeller Beanie Owner :-)

:flare: Are you on Flare's Slack channels? PM me for an invitation! :flare:
Post Reply