Submit your widget
HomeSlideshow & ScrollerjQuery scroll single-page plugin

jQuery scroll single-page plugin

Created 5 years ago   Views 20286   downloads 3293    Author rafaelfragosom
jQuery scroll single-page plugin
View DemoDownload 781.0 KB
63
Share |

This is a jQuery plugin to create single-page websites.

If you want to use it.

First you will need the jQuery and jQuery Easing Plugin, then you can download the single.js plugin. Once you have done this you will need to create the HTML structure and call the plugin, as in the example below:

<div id="single">

    <div data-target="home">

    </div>

    <div data-target="skills">
        <a href="#" data-link="contact">Go To Contact</a>
    </div>

    <div data-target="portfolio">
        <img src="img/assassin.jpg" alt="Assassins Creed" data-img="true" width="100%" />
    </div>

    <div data-target="contact">

    </div>

</div>

And you can call the plugin like that:

<script type="text/javascript">
    $(document).ready(function(){
        $("#single").single();
    });
</script>

Read more:https://github.com/rafaelfragosom/singlejs

You might also like