Estoy trabajando en un sitio webSitio Web y tengo el siguiente codigocódigo, pero para volver esta animación responsiveresponsive
, debo cambiar muchas cosas en el cssCSS y htmlHTML, sera que hay alguna forma de hacerlo responsiveresponsive
directamente en el archivo jsJS?
$(document).ready(function() {
//show hide button on scroll
$('.box').hide();
$(window).scroll(function() {
if ($(this).scrollTop() > 900 && $(this).scrollTop() < 3000) {
$('.box').fadeIn();
} else {
$('.box').fadeOut();
};
});
});
.container {
height: 5000px;
background-color: red;
}
.box {
height: 100px;
width: 200px;
background-color: blue;
position: fixed;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='container'>
<div class='box' id='box'></div>
</div>