kmaroff
8/25/2018 - 11:02 AM

Scroll Up

Плавный переход к началу страницы по клику на ссылку в нижнем правом углу

style.sass
content_copyfile_download
.scrollUp
  bottom: 100px
  right: 20px
  width: 50px
  height: 50px
  background: url(../images/up.svg) no-repeat
  background-size: 50px 50px
  opacity: 0
  transition: opacity .5s ease-in-out
  &.visibility
    opacity: .6
index.html
content_copyfile_download
<a id="scrollUp" class="scrollUp" href="#top" title="Scroll to up" style="position: fixed; z-index: 9999; display: block;"></a>
commons.js
content_copyfile_download
$(window).scroll(function() {
  var top = $(document).scrollTop();
  if (top < 600) $(".scrollUp").removeClass('visibility');
  else $(".scrollUp").addClass('visibility');
});