2012-05-05 17 views
7

ho un pulsante su una pagina e voglio che quando viene cliccato, la pagina scorra fino alla posizione 0.come scorrere verso l'alto quando si fa clic su un pulsante in jQuery

html

<button id="button">Back to top </button> 

jquery

$(document).scroll(function(){ 

     var scroll_pos = $(window).scrollTop() 
    if(scroll_pos > 10){ 

     $('#button').click(function(){ 

     // what code to enter here?? 


     }); 

    } 
    }); 

grazie.

risposta

12

Prova di questo codice:

$("#button").on("click", function() { 
    $("body").scrollTop(0); 
}); 

Metodo on lega un evento click al pulsante e scrollTop scorre tua body-0 di posizione.

+3

In questo caso non è necessario utilizzare jQuery per lo scorrimento. 'window.scroll (0, 0)' funzionerà bene in tutti i browser. Vedi l'articolo MDN su di esso - https://developer.mozilla.org/en/Window.scroll. –

+0

grazie visione ... esattamente quello che stavo cercando. :) –

+1

Bene, ragazzi. In effetti non è necessario utilizzare JavaScript: gli ancoraggi HTML possono fare la stessa cosa :) @Ronny, sei il benvenuto! – VisioN

6

è possibile utilizzare la funzione finestra per scrollTop jquery

$("#button").click(function() { 
    $(window).scrollTop(0); 
}); 

Facendo clic sul pulsante, la pagina di scorrimento in alto della posizione.

Problemi correlati