Частный БИТРИКС-программист

Сниппеты для Front-end'а

Кнопка наверх и плавная прокрутка

JS

				
<script>
      
$(document).ready(function(){

  var button_to_top=$("#button-to-top");

  button_to_top.click(function(){
    $("body, html").animate({scrollTop:0}, 800);    
      });

  $(window).scroll(function() {
    if($(this).scrollTop()!= 0) {button_to_top.fadeIn();} 
      else {button_to_top.fadeOut();}
       });

  $('a[href^="#"]').click(function() { 

    elementClick = $(this).attr("href");
    destination = $(elementClick).offset().top;

    /* 
   if($.browser.safari){$('html').animate( 
   { scrollTop: destination-58 }, 1000 );} 
   else 
{$('body').animate( { scrollTop: destination-58 }, 1000 );} 
    */

    $("body").animate( { scrollTop: destination-10 }, 500 );

    return false;});


  });

    </script>
			

CSS

#button-to-top{
  background-image: url(../images/icon-1.png);
  background-size: contain;
  bottom: 10px;
  cursor: pointer;
  display: none;
  height: 100px;
  position: fixed;
  right: 10px;
  width: 100px;
  z-index: 2;
}

.container{
  position: relative;
  z-index: 1;
}