JeRabix

<a href="#" class="custom-btn">Смотреть продукцию</a>

.custom-btn
	position: relative
	overflow: hidden
	transition: ease 0.3s
	&:after
		content: ""
		display: block
		width: 30px

JeRabix

<div class="scroll">
	<div class="grid">
		<!-- CONTENT -->
	</div>
</div>

// gorizontal scroll 

.scroll
	@media only screen and (min-width : 1100px)

JeRabix

$('BTN').click(function(){
	$('body, html').animate({scrollTop:$('ScrollTO').position().top}, 2000);
})

JeRabix

<!-- HTML START -->

<div class="slider">
	<div class="slider_item">
		<img src="img/slide-1.png" alt="">
	</div>
	<div class="slider_item">
		<img src="img/slide-2.png" alt="">
	</div>
	<div class="slider_item">

JeRabix

$("#menu").on("click","a", function (event) {
		//отменяем стандартную обработку нажатия по ссылке
		event.preventDefault();

		//забираем идентификатор блока с атрибута href
		var id  = $(this).attr('href'),

		//узнаем высоту от начала страницы до блока на который ссылается якорь
			top = $(id).offset().top;
		

JeRabix

// HTML START
<div class="contacts-form-parallax">
	<div class="contacts-form-parallax__bg"></div>
	<!-- /.contacts-form-parallax__bg -->
	<div class="contacts-form-parallax__img">
		<img src="img/contacts-info.png" alt="">
	</div>
	<!-- /.contacts-form-parallax__img -->
</div>
// HTML END