2012-03-22 20 views
5
var name = "#floatMenu"; 
var menuYloc = null; 

$(document).ready(function() { 
    menuYloc = parseInt($(name).css("top").substring(0, $(name).css("top").indexOf("px"))) 

    $(window).scroll(function() { 
     var offset = menuYloc + $(document).scrollTop() + "px"; 
     $(name).animate({ top: offset }, { duration: 500, queue: false }); 
    }); 

Come posso creare un pulsante mobile utilizzando jQuery e CSS?Come posso creare un Floating Button usando jQuery e CSS?

+0

puoi fornire un esempio? –

+0

Intendi come 'float: left;' o 'float: right;' o come una finestra modale con un pulsante? O forse "fluttuare" nel senso che è OVERTOP di qualcosa? – Jakub

+0

https://d2o0t5hpnwv4c1.cloudfront.net/018_Floating_Menu/demo/dhtml_float_menu_final_nettut.html. Chek questo link. sono menu fluttuanti. Voglio aggiungere il floating a un pulsante in aspx – user1240045

risposta

8

È possibile ottenere un pulsante mobile molto più semplice con css position: fixed; top: 100px; left: 100px. Questo sarà sempre visibile quando si scorre la pagina e nello stesso punto.

4

Ci sono due opzioni tra cui è possibile scegliere.

CSS o JavaScript (come si tenta nel tuo snippet)

Chris Coyier ha spiegato questo già, quindi sto solo andando a collegarsi alla sua pagina: http://css-tricks.com/scrollfollow-sidebar/

Utilizzando il metodo CSS, hai vinto ottenere animazioni succose

+0

+1 ottimo link. Fornisce esempi eccellenti. – dblood

0

Il modo più semplice per creare un pulsante/collegamento mobile sarà il seguente.

<a href="#" style="position: fixed; bottom: 20px; right: 20px;"> Preview </a> 
Problemi correlati