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

Simple Ascensor is a lightweight jQuery plugin that makes smooth, diagonal transition effect between any two or more content sections using jQuery animate() method.

smooth-scroll scroll-to page-transition

Documentation

SimpleAscensor

Just a simple jQuery elevator system

How to

  • Initialize
<script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/script.js" type="text/javascript"></script> <script>   // Nav links selection   $('nav a').simpleAscensor(); </script>
  • Your links href has to be your links-target-slide ID
<nav>   <a href="#slide1">Some link text 1</a>   ... </nav>  <div id="slide1" ...></div>
  • To choose your slide position : add two attributes to your div / article / section slide element
    • data-x="?" → for x-axis position

    • data-y="?" → for y-axis position

      Where ? has to be a number. If ? = 1, the position is 100%, ? = 2, the position is 200%, ...

<div id="slide1" data-x="1" data-y="3"></div>
  • You can choose the speed of the animation
<script>   $('nav a').simpleAscensor(750); </script>

Where the number is the speed in ms.


You May Also Like