Zero block1
Click „Block Editor” to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
Zero block2
Click „Block Editor” to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
Поэкранный скролл
1) Копируем код в блок Т123

2) В части ******* указываем ID блоков, которые должны быть экранами. Указывать нужно не все блоки, к примеру, сам блок T123 указывать не нужно, только те, которые будет видеть пользователь.
Если что-то пошло не так, убедитесь что вы случайно не удалили скобку или кавычку, ID блоков должны быть записанны в формате $("#rec101409869, #rec101339021, #rec101426067").
Если вы все сделали правильно, то после пуюликации страницы модификация уже должна будет работать и её можно использовать в таком варианте.

3) В части ******* мы можем добавить некоторые настройки модификации, к примеру, скорость скролла или анимацию скролла.
// Скорость скролла
scrollingSpeed: 600,

// Анимация
// Можно заменить "easeInOutCubic" на любую другую анимацию. Список анимаций вы можете найти тут:
// https://easings.net/ru
easing: "easeInOutCubic",

// Управление клавиатурой
keyboardScrolling: true,

// Стрекли управления на горизонтальном скролле
controlArrows: true,

// Скролл с последнего экрана переводит на первый экран
loopBottom: true,

// Скролл с последнего экрана переводит на первый экран
loopTop: true,

// Якорные ссылки на страницу.
// Вы можете на любом экоране добавить кнопку, с ссылкой #About, при нажатии на неё пользователь попадет на экран, который отмечен как About.
// Так-же, можно скопировать ссылку mysite.com/#about и при переходе на неё, пользователь попадет сразу на экран About.
anchors:['Intro', 'About', 'Shop', 'Contacts'],
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.7/jquery.fullpage.min.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.7/vendors/jquery.easings.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.7/jquery.fullpage.extensions.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.7/vendors/scrolloverflow.min.js"></script>
<script>
	// не трогаем
function check_direction(index, direction) {
	var length = $($(".section").get(index-1)).find(".fp-slide").length;
	var active = -1;
	if (length) {
		$($(".section").get(index-1)).find(".fp-slide").each(function(i, item) {
			if ($(item).hasClass("active")) {
				active = i + 1;
			}
		})
		if (direction == "down" && active < length) {
			$.fn.fullpage.moveSlideRight();
			return false;
		}
		if (direction == "up" && active > 1) {
			$.fn.fullpage.moveSlideLeft();
			return false;
		}
	}
}


$(document).ready(function() {
	/*********************************************/
	/*****************ЧАСТЬ 1*********************/
	/*********************************************/
	// Указываем простые секции
	var sections = $("#rec107140643, #rec107140644");
	// $("#rec101409869").addClass("fp-auto-height");
	// Указываем группы слайдов
	var sliders = ["#rec107140645, #rec107140646"];

	sections.wrap("<div class='section'></div>");
	sliders.forEach(function(s){
		let parents = $(s).wrap("<div class='slide'></div>");
		parents.parent().wrapAll("<div class='section'></div>");
	})
	$(".section").wrapAll("<div id='fullpage'></div>");
	// setTimeout(function(){
	//        if ($("div").last().parent().parent().parent().attr("id").length == 9) {
	//            $("div").last().parent().parent().parent().wrap("<div class='section fp-section'></div>").parent().appendTo("#fullpage").addClass("section")
	//        }
	//    }, 3000)
    
	window.page = $('#fullpage').fullpage({
		/*********************************************/
		/*****************ЧАСТЬ 2*********************/
		/*********************************************/



		// Не трогать
		scrollHorizontally: true,
		loopHorizontal: false,
		loopBottom: true,
                css3: true,
                scrollBar: true,
		/*********************************************/
		/*****************ЧАСТЬ 3*********************/
		/*********************************************/
		onLeave: function(index, nextIndex, direction) {
			var allow = true;
			if (direction == "down" && nextIndex == 1) {
				allow = false;
			}
			if (check_direction(index, direction) == false) {
				return false;
			}
			return allow;
		},
	});
});
</script>
<style>
    body {
        overflow: hidden !important;
    }
</style>
Zero block
Click „Block Editor” to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
Zero block
Click „Block Editor” to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
Made on
Tilda