VISSZA AZ OLDAL TETEJÉRE GOMB

Ebben a cikkben azt fogjuk megtanulni, hogyan tehetünk ki egy nyilat az oldalad legaljára, hogy látogatóid egyszerűen és gyorsan visszaléphessenek az oldal tetejére. Ezen a weboldalon láthatod ez, hogy fog kinézni.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $(window).scroll(function(){
        if($(this).scrollTop() > 100){
            $('#scroll').fadeIn();
        }else{
            $('#scroll').fadeOut();
        }
    });
    $('#scroll').click(function(){
        $("html, body").animate({ scrollTop: 0 }, 600);
        return false;
    });
});
</script>

<style type="text/css">
#scroll {
    z-index: 999999999;
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    display:none;
}
#scroll:hover {
    opacity:.5;
    filter:"alpha(opacity=50)";
    -ms-filter:"alpha(opacity=50)";
}
</style>

<a href="javascript:void(0);" id="scroll" title="Scroll to Top" style="display: none;">
    <img src="https://i.imgur.com/EQWNddl.png">
</a>

Hova másoljuk be a kódot?

Ha csak egyes oldalakra szeretnéd (vagy ha nem áll rendelkezésedre Standard Prémium vagy ennél magasabb csomag)

Másold ki a kék és narancssárga kódot együtt és másold be ide:

Oldalak -> Az oldal ahova szeretnéd elhelyezni -> SEO Beállítások -> Egyedi HTML kód a fejlécbe

Másold ki a citromsárga kódot és másold be ide:

Oldalak -> Az oldal ahova szeretnéd elhelyezni -> SEO Beállítások -> Egyedi HTML kód a láblécbe

Ha minden oldaladon szeretnéd, hogy megjelenjen

Másold ki a kék és narancssárga kódot együtt és másold be ide:

Beállítások -> Weboldal beállítások -> Weboldal fejléc és lábléc HTML -> Weboldal fejlécének HTML kódja

Másold ki a citromsárga kódot és másold be ide:

Beállítások -> Weboldal beállítások -> Weboldal fejléc és lábléc HTML -> Weboldal láblécének HTML kódja

Kész. Reméljük tetszik.