T
pageYOffset - returns the ring to the from the beginning of the page.We're giving class. btn-scroll--show Class button btn-scrollWhich means she needs to be shown.$('.btn-scroll').toggleClass('btn-scroll--show', pageYOffset > 100)
We can point the second. switch that is true/false. Which brings back our test. pageYOffset > 100♪$(document).ready(function() {
$(document).on('scroll', function() {
$('.btn-scroll').toggleClass('btn-scroll--show', pageYOffset > 100)
});
$('.btn-scroll').on('click', function() {
$('html, body').animate({
scrollTop: 0
}, '300');
return false;
});
});.btn-scroll {
cursor: pointer;
position: fixed;
display: none;
bottom: 35px;
right: 20px;
overflow: hidden;
width: 44px;
height: 44px;
z-index: 999;
background-color: #68bec4;
border: none;
text-align: center;
border-radius: 50%;
transition: 0.3s background-color;
}
.btn-scroll.btn-scroll--show {
display: block;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<button class="btn-scroll">btn</button>You can do without the dope of the class. .toggle()♪ but we don't forget that for the button, we're gonna have to pee in style display: none♪$(document).ready(function() {
$(document).on('scroll', function() {
$('.btn-scroll').toggle(pageYOffset > 100)
});
$('.btn-scroll').on('click', function() {
$('html, body').animate({
scrollTop: 0
}, '300');
return false;
});
});.btn-scroll {
cursor: pointer;
position: fixed;
display: none;
bottom: 35px;
right: 20px;
overflow: hidden;
width: 44px;
height: 44px;
z-index: 999;
background-color: #68bec4;
border: none;
text-align: center;
border-radius: 50%;
transition: 0.3s background-color;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<button class="btn-scroll">btn</button>I'll add an example from the request for comments. We'll take the first decision with the class.$(document).ready(function() {
$(document).on('scroll', function() {
$('.btn-scroll').toggleClass('btn-scroll--show', pageYOffset > 100)
});
$('.btn-scroll').on('click', function() {
$('html, body').animate({
scrollTop: 0
}, '300');
return false;
});
});.btn-scroll {
position: fixed;
opacity: 0;
pointer-events: none;
bottom: 35px;
right: 20px;
width: 44px;
height: 44px;
z-index: 999;
cursor: pointer;
background-color: #68bec4;
border: none;
border-radius: 50%;
text-align: center;
transition: background-color .3s, opacity .4s;
}
.btn-scroll.btn-scroll--show {
opacity: 1;
pointer-events: auto;
transition: opacity 1s;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusamus cupiditate iusto eum odit mollitia vero reprehenderit, ex optio officia, repellendus placeat eligendi earum, aliquid deleniti culpa nobis officiis modi.</p>
<button class="btn-scroll">btn</button>