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

vResponse.js is a very small (~1kb) jQuery plugin which allows you to vertically and dynamically center any html elements for your responsive website.

centering

Documentation

vResponse.js v1.0

vResponse.js is a tiny simple jQuery plugin that makes it possible to create animated vertical responsive divisions.

Requirements

Demo

Usage

1. Download vResponse.js

2. Include jQuery & vResponse.js on your site

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="vResponse.min.js"></script>

3. Add trigger in a division by data-toggle="vResponse"

<div class="main" data-toggle="vResponse"></div>

4. Activate vResponse.js

You have three methods to Activating vResponse.js

Activate vResponse.js after page loading (once)
$(function() {$('[data-toggle="vResponse"]').vResponse();});
Activate vResponse.js after every resizing moment of browser
$(window).resize(function(){$('[data-toggle="vResponse"]').vResponse();});
Activate vResponse.js after page loading & every resizing moment of browser
$(function() {$('[data-toggle="vResponse"]').vResponse();}); $(window).resize(function(){$('[data-toggle="vResponse"]').vResponse();});

5. Set animation speed (optional)

Put integer value in vResponse() as an argument.

Example (750 milliseconds):

$(function() {$('[data-toggle="vResponse"]').vResponse(750);});

You May Also Like