¿Cómo puedo crear un botón flotante usando jQuery y CSS?

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 }); 
    });

¿Cómo puedo crear un botón flotante usando jQuery y CSS?¿Cómo puedo crear un botón flotante usando jQuery y CSS?

Fuente

2012-03-22 user1240045

¿Puedes dar un ejemplo? –

¿Quieres decir como 'float: left;' o 'float: right;' o como una ventana modal con un botón? ¿O tal vez 'flotar' en el sentido de que es OVERTOP de algo? – Jakub

https://d2o0t5hpnwv4c1.cloudfront.net/018_Floating_Menu/demo/dhtml_float_menu_final_nettut.html. checa este enlace están flotando menú. Quiero agregar flotante a un botón en aspx – user1240045

Usted podría lograr un botón flotante mucho más simple con css position: fixed; top: 100px; left: 100px. Esto siempre estará visible cuando se desplaza por la página y en el mismo lugar.

Fuente

2012-03-22 12:36:16 slash197

Hay dos opciones que puede elegir.

CSS o JavaScript (como se intenta en su fragmento)

Chris Coyier ha explicado ya, así que sólo voy a enlazar a su página: http://css-tricks.com/scrollfollow-sidebar/

Utilizando el método CSS, usted ganó obtener animaciones jugosas.

Fuente

2012-03-22 12:40:41 martinjlowm

+1 gran enlace. Proporciona excelentes ejemplos. – dblood

La manera más simple de crear un botón/enlace flotante será la siguiente.

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

Fuente

2017-01-12 03:40:44

¿Cómo puedo crear un botón flotante usando jQuery y CSS?

Respuesta

Cuestiones relacionadas