Boton "ir al cielo" en css? Es posible?

[moro666]

Si claro, y muy facil, <a href="#top">boton</a>, eso ya lo se, pero no hay nada mas feo....

Estoy haciendo una web con un amigo y queremos evitar js a toda costa, de momento vamos muy bien, hemos conseguido hacer casi todo lo que queriamos en "pure css".

Ahora queremos este boton magico. La pregunta es si hay algun transition o animation en css3 para que la pagina suba hasta arriba de alguna forma agradable, no de golpe... xDD

Y ya que estamos preguntando, hay algun selector o algo para detectar la posicion de la pantalla? Es para que el boton pase a display:none --> block segun si ya estas arriba o no...

Gracias por su ayuda!!!

[pzin]

Para tu segunda pregunta, puedes usar :target.

Para la primera, no es posible. Tienes que usar javascript para hacer el movimiento. Que, de todas formas, no es nada complejo, con dos lineas de javascript se puede hacer y no sería para nada intrusivo.

[moro666]

Si no me queda otra tendre que usar js, aunque intentare TODO antes que eso, siempre hay un plan B xDDDDD

Muchas gracias por lo de target, ahora mismo miro si lo puedo hacer yo solito! xDDDD

[IsaBelM]

Iniciado por Bonez

Que, de todas formas, no es nada complejo, con dos lineas de javascript se puede hacer y no sería para nada intrusivo.

bastantes más de dos líneas

Iniciado por moro666

Muchas gracias por lo de target, ahora mismo miro si lo puedo hacer yo solito! xDDDD

el plan a, b o c es javascript
lee este tema hasta el final

[moro666]

Vale, soy algo lento... xDDD No se como usar :target para mi segunda cuestion, no lo relaciono... xDDD

Vale, no se puede hacer en css.... que le haremos, seguramente mas adelante si se podra, de momento se queda asi!!

[pzin]

Iniciado por IsaBelM

bastantes más de dos líneas

Cierto. Pensé directamente en jQuery y no conté las tropecientas lineas del framework.

:target funciona para enlaces entre las páginas. Es decir, para navegar en la propia página entre ID's —lo que antes se hacía con el atributo name. Funciona igual que :hover, sólo que en vez de activarse al pasar el mouse por encima, se activa cuando el enlace apunta al ID —cuando hace target.
Ta vez no sea lo que busques, porque no detecta la posición de la pantalla, sino sólo si el enlace —interior— está activo.

Y no hay nada de malo en usar JavaScript. De hecho dudo que en un futuro alguna página medianamente grande no lo use.

[moro666]

Vale.... Asi que la ultima pregunta:
Con un hover, por ejemplo, puedo pasar de un margin-top: 20px a 40px, y con una transition queda muy bonito.
Con eso del target, se puede hacer algo parecido, por rebuscado que sea?
(mira si me complico la vida que he hecho hasta un slider solo en css xD)

[pzin]

Se puede, siempre y cuando quieras afectar al elemento del target en sí, elementos que sean hijos o que sean hermanos —con el selector +.

¿Qué problema tienes con JavaScript? ¿Algún trauma?

[fishdesign]

Iniciado por Bonez

Se puede, siempre y cuando quieras afectar al elemento del target en sí, elementos que sean hijos o que sean hermanos —con el selector +.

¿Qué problema tienes con JavaScript? ¿Algún trauma?

Mucha desinformación es lo que hay con Javascript...que seguimos pensando que solo sirve para hacer animaciones horteras xD

[moro666]

Iniciado por fishdesign

Mucha desinformación es lo que hay con Javascript...que seguimos pensando que solo sirve para hacer animaciones horteras xD

LOL, no me pasa nada con JS, solo que no quiero añadir javascript en mi web solo para esta tonteria, si tuviera que hacer mas cosas en js si lo haria, pero si lo puedo evitar mejor, cuantas menos cosas cargue la web supongo que mas rapido ira, no?