This example shows how to create a simply bottom flyout when a target section has been reached via scroll.  The flyout appears when the target section in Red is in view, and hides when the section in Red leaves the viewport.

Example Bottom Flyout

Using fixed background images can be problematic as the support for fixed background images is not so good on mobiles.

This is just a quick example site how to create a fixed mobile background, what applies the fixed styling to a background div, instead of to the background image itself.

Mobile Fixed Background

This is an example how to create a hover interaction on a lightbox. You can use this to create an overlay for text or graphics on top of your lightbox thumbnail.

example-lightbox-hover

This demo shows how to add the FB share button using the FB share code at:  https://developers.facebook.com/docs/plugins/share-button.

To use this example, one must have a FB App ID.  Here is a tutorial how to get your own FB App ID:  http://www.hyperarts.com/blog/how-to-create-facebook-application-to-get-an-app-id-for-your-website

social-pages-demo

My own personal portfolio to unashamedly sell myself on the corners of the internets.

Dave