Seja bem vindo ao meu projeto chamado VIC TURISMO, feito totalmente para meus estudos e aperfeiçoamento como profissional. ❤️
-
Colocando em prática conceitos obtidos durante a aula.
-
Utilizando: HTML, CSS.
-
Tomei a liberdade de adicionar incrementos ao projeto utilizando JavaScript.
Ex: Criação do Botão Scrool To Top:
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div class="scrollup">
</div>
</body>
.scrollup {
position: fixed;
height: 45px;
width: 42px;
background:#000;
right: 30px;
bottom: 10px;
text-align: center;
line-height: 45px;
color:#FF0000;
font-size: 30px;
border-radius: 50px;
cursor: pointer;
opacity: 0;
transition: all 0.4s ease;
}
.scrollup.show {
bottom: 30px;
opacity: 1;
pointer-events: auto;
}
$(document).ready(function(){
$(window).scroll(function(){
if(this.scrollY > 50){
$('.scrollup').addClass("show")
}else{
$('.scrollup').removeClass("show")
}
})
});
$('.scrollup').click(function(){
$('html').animate({scrollTop: 0});
});
- Github: Victor Hugo.
- LinkedIn: Victor Hugo.
- Meu Site: Victor99dev.
- Obrigado a DIO a essa oportunidade de UP na minha carreira! ❤️