How to add "Jump to Top" by HTML5 and CSS3 Button

Discussion in 'HTML & Website Design' started by fighter007, Nov 2, 2014.

0
  1. #1
    "Moving to the top of the page" from the button at the beautiful basics of modern web design techniques web 2.

    Especially that the template is mainly dependent on the boxes or news articles, then must provide to your visitors the possibility to move to top of the page to make it easier for them the task of the Code or browse the site easily.

    First, you need to include backhaul Querrey jQuery library and added file in the HTML file


    <link rel = "stylesheet" href = "css / oz-scroll.css"> <script src = "// code.jquery.com/jquery-2.1.1.min.js"> </ script> <script src = "js / oz-scroll-up.js"> </ script>

    <link rel="stylesheet" href="css/oz-scroll.css">
    <script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
    <script src="js/oz-scroll-up.js"></script>

    Explain CODE

    The first line we include your Style File button

    The second line we include backhaul Querrey library jQuery

    The third line we include added file (JavaScript)

    Then place the button code down the HTML file
    <a id="oz-scroll" class="style1" href="#"> </a>

    Result: -



    You amendment to the Style button oz-scroll.css file    ​
     
    fighter007, Nov 2, 2014 IP