To top

Tästä tiedosto ja sitten sivulle rivi koodia, yksi js-tiedosto jossa muokataan tarvittavat tiedot. Ja tietenkin .css tiedostoon lisätään nuolen tiedot.

<script type="text/javascript" src="js/ubergallery.js"></script>

.js-tiedostosta muokkaat seuraavaa riviä:

 if($(window).scrollTop() >= $('#wrapper').offset().top) {

Minulla kelataa div-wrapperin ylälaitaan kun nuoli tulee näkyviin. Seuraavaksi .css tiedostoon topbuttonin tiedot:

#topButton {
    background: #232323 url(../images/arrow_up.png) no-repeat center center;
    background-color: rgba(0,0,0,.5);
    border-radius: 5px;
    bottom: 10px;
    display: inline-block;
    height: 24px;
    padding: 8px;
    position: fixed;
    right: 40px;
    width: 24px;
}

Kommentoi ensimmäisenä

Vastaa

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *