Button UP

by cintia_rodrigues

HTML

<div class="m-ctn int-arrow ">
    <div class="container">
        <div class="m-wrpp">
            <br />
            <a class="jq_back">
                <i class="seticons-arrow-faq"></i>
            </a>
        </div>
    </div>
</div>

<div class="m-ctn">
    <div class="container">
        <div class="m-wrpp">
            <div class="int-policy">
                <h1>Informativa sul trattamento dei dati personali e sull’impiego dei cookie</h1>
                <p>I tuoi dati personali, così come esplicitato nel modulo online di adesione all’offerta di acquisto di pannolini, verranno utilizzati da ALTROCONSUMO EDIZIONI S.r.l. e dall'Associazione ALTROCONSUMO (titolari del trattamento dei dati):</p>
                <p>&nbsp;</p>
                <div class="txt-wrpp">
                    <p>&nbsp;</p>
                    <p>A. Per gestire la partecipazione alla presente iniziativa e per fornirti i servizi previsti dalla stessa, in particolare per proporti un’offerta per l’acquisto di pannolini per bambini e comunicarti le relative modalità di sottoscrizione. I dati personali degli aderenti verranno comunicati al/ai fornitore/i con cui ALTROCONSUMO negozierà un’offerta per l’acquisto di pannolini. In caso di mancata comunicazione dei dati richiesti, non potrà avvenire l’adesione alla presente iniziativa né la fornitura dei servizi sopra indicati.</p>
                    <p>&nbsp;</p>
                    <p>B.Se acconsenti, i dati personali potranno essere utilizzati per proporti – anche via telefono o email – pubblicazioni o servizi di Altroconsumo oltre che per inviarti i nostri prodotti eventualmente richiesti e per la conseguente partecipazione alle nostre iniziative e concorsi e per il perseguimento degli scopi statutari dell’associazione.</p>
                </div>
                <p>&nbsp;</p>
                <div class="txt-wrpp">
                    <p>In ogni caso, tu potrai in qualunque momento e del tutto gratuitamente chiedere l’aggiornamento, la...

CSS

.m-button {
    padding: 0px 0 0px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 100;
    position: relative;
    pointer:cursor;
}

.seticons-arrow {
    background-position: 0 -142px;
    width: 300px;
    height: 300px;
}

[class^="seticons-"], [class*="seticons-"] {
    display: inline-block;
    background: transparent url('http://images.kaneva.com/filestore10/4534753/7084206/setaUvermelhaUcima.jpg') 0 0 no-repeat;
}

JavaScript

Scroll UP

$('.jq_buttonUp').on('click', function () {

    $("html, body").animate({ scrollTop: "0px" });

});



Scroll DOWN - outra forma diferente de o fazer
$('.jq_buttonDown').on('click', function () {
    $("html, body").animate({ scrollTop: $(document).height() - $(window).height() });
});