Boton Ir arriba , personalizacion
Publicado por Kienre (6 intervenciones) el 11/01/2019 21:54:56
Estoy en creación de una pagina web , y ya creé el botón de ir arriba.
Mi duda es si puedo establecer un limite al boton ,para q desde cierto punto se quede estático, ya que al final de la pagina tengo un footer, y no quiero que el botón se sobreponga.
A continuación les muestro los códigos.
js:
css:
Mi duda es si puedo establecer un limite al boton ,para q desde cierto punto se quede estático, ya que al final de la pagina tengo un footer, y no quiero que el botón se sobreponga.
A continuación les muestro los códigos.
js:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$(document).ready(function(){
$('.up').hide();
$(window).scroll(function(){
if ($(this).scrollTop()>100) {
$('.up').fadeIn('1000');
}else{
$('.up').fadeOut('1000');
}});
$('.up').click(function(){
$('body,html').animate({
scrollTop:0},150);
});
});
css:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.up{
width: 35px; height: 35px; padding:10px;background: #000;
color: #FF851B;
font-size: 30px;
cursor: pointer; position: fixed; display: flex;justify-content: center;
align-items: center;
bottom: 20px; right: 20px;border-bottom: 2px solid #313131;
}Valora esta pregunta
0
