🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A jQuery plugin to fix background image while scrolling through content of a page. Once new page is scrolled to then a background image changes. The plugin works responsively with both short and long contents.

Plugins Web

Documentation

Build Status

jQuery Plugin - Fixed Background Image

A jQuery plugin to fix background image while scrolling through content of a page. Once new page is scrolled to then a background image changes. The plugin works responsively with both short and long contents. You can learn more on github.io

Getting Started

Download the production version or the development version.

or install using bower

bower install fixedbg

In your web page:

<div class="page"> 	<!-- Content --> </div> <div class="page"> 	<!-- Content --> </div>  <style type="text/css"> 	.page:nth-child(1){     background-image: url("pic1.jpg");   }   .page:nth-child(2){     background-image: url("pic2.jpg");   } </style>  <script src="jquery.js"></script> <script src="jquery.fixedbg.min.js"></script> <script> $(function($) {   $(".page").fixedBG();  }); </script>

Documentation and Example

Please refer to github.io


You May Also Like