Для привязки экрана и якоря (кнопки), ведущей на него с использованием библиотеки fullpage.js, вам потребуется использовать событие 'click' для кнопки и метод .moveTo() библиотеки fullpage.js.
1. Создайте кнопку, по которой хотите осуществить прокрутку к определенному экрану. Назначьте ей уникальный идентификатор, который будет использоваться как якорь.
<button id="button1">Кнопка 1</button>
2. Инициализируйте fullpage.js с помощью метода .fullpage(), указав опцию anchors для каждого раздела вашего сайта. Значения анкеров должны совпадать со значениями идентификаторов разделов.
$(document).ready(function() {
$('#fullpage').fullpage({
anchors: ['section1', 'section2', 'section3'],
// остальные опции и настройки...
});
});
3. Добавьте обработчик события 'click' для кнопки. Внутри обработчика вызовите метод .moveTo() библиотеки fullpage.js, передав анкер раздела, к которому хотите прокрутиться, в качестве параметра.
$(document).ready(function() {
$('#button1').click(function() {
$.fn.fullpage.moveTo('section1');
});
});
При клике на кнопку с идентификатором button1, экран будет прокручен к разделу, указанному в анкере section1.
Обратите внимание, что в коде выше предполагается, что у вас уже есть подключенные библиотеки jQuery и fullpage.js, а также имеется контейнер с идентификатором #fullpage, содержащий ваши разделы сайта.
Более подробную информацию о настройке и использовании fullpage.js вы можете найти в документации библиотеки.