Código de JavaScript - Botón "+Info" que aparece al llegar al final de la pagina

Pos: 4

Val: 2.019

Ha mantenido su posición en JavaScript (en relación al último mes)

Botón "+Info" que aparece al llegar al final de la pagina

JavaScript

(4)

Publicado el 2 de Julio del 2017 por Scriptshow (141 códigos)

2.153 visualizaciones desde el 2 de Julio del 2017

A veces, cuando llegamos al pie de página, aparecen indicadores como recomendaciones, para seguir navegando, etc. Una especie de Flyout, Slides, en fin...

Bien, todos ellos producto de los "nuevos" formatos de diseño. Ya existían en los tiempos del DHTML.
Si mezclamos lo de ahora y lo de antes, conseguimos un resultado parecido, que apenas consume recursos. ¡Vamos a ello!...

Requerimientos

Un navegador web o dispositivo compatible.

1.0
(4)

Actualizado el 22 de Agosto del 2017 (Publicado el 2 de Julio del 2017)

gráfica de visualizaciones de la versión: 1.0

2.154 visualizaciones desde el 2 de Julio del 2017

Versión experimental. Totalmente operativa.

<!DOCTYPE html>

<html>

<head>

<style>

#box{

width:280px;

height:auto;

right:-280px;

bottom:48px;

position:fixed;

background:#4FFFF4;

font:normal 2.4em/1.8 sans-serif;

transition:all 0.8s ease-in-out 0s;

</style>

<script>

window.onscroll=function(){

var ele=document.getElementById("box");

if ((window.pageYOffset + window.innerHeight) >= document.body.offsetHeight){ele.style.right="0px"}

else {ele.style.right="-280px"}

</script>

</head>

<body>

<p style="height:1800px">Desplaza el Scroll hasta el final de la página para ver el efecto...</p>

<h2>Scroll - Top - Bottom</h2>

<div id="box">+ I n f o . . .</div>

</body>

</html>

Comentarios sobre la versión: 1.0 (4)

xve

3 de Julio del 2017

Que sencillez!!!

Responder

Francisco

22 de Agosto del 2017

Exelente.-

Responder

sbadranko

23 de Agosto del 2017

No ha dejado ningún comentario

Responder

miguel

17 de Noviembre del 2017

No ha dejado ningún comentario

Responder

Comentar la versión: 1.0

http://lwp-l.com/s4054

Calendarios en JavaScript

Imprimir a Impresora fiscal desde javascript

Código de JavaScript - Botón "+Info" que aparece al llegar al final de la pagina

Requerimientos

1.0(4)

Comentarios sobre la versión: 1.0 (4)

Comentar la versión: 1.0

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

1.0
(4)