// GENERATOR_MARKIZA_SYSTEM
ГЕНЕРАТОР ЛИПКОЙ СЕКЦИИ
Настройте модуль прилипания блока при скролле и получите готовый код для вставки в Tilda через T123. Подходит для Zero Block и обычных блоков с ID.
Tilda / Zero / T123
Модуль: Липкая секция
Sticky + Scroll State
Совместимость
Zero / Standard
CONFIGURATOR / STICKY_SECTION
Настройки модуля «Липкая секция»
MODULE_02
OUTPUT / T123_READY
ГОТОВЫЙ КОД ДЛЯ TILDA (T123)
INSTALLATION / QUICK_START
Как установить модуль в Tilda
01
Укажите ID блока, который должен становиться липким.
02
Настройте отступ, анимацию, тень, blur и активный класс.
03
Нажмите кнопку «Сгенерировать код».
04
Скопируйте итоговый код из тёмного блока.
05
Вставьте код в T123 на той же странице, где расположен нужный блок.
06
Опубликуйте страницу и проверьте поведение при скролле.
07
При необходимости замените ID и повторите генерацию.
'
].join('\n');
}
function generate() {
if (!validateRequired()) return;
els.result.value = buildCode();
showNotice('Код успешно сгенерирован.', 'success');
}
function copyCode() {
var value = els.result.value.trim();
if (!value) {
showNotice('Сначала сгенерируйте код.', 'error');
return;
}
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(value).then(function () {
showNotice('Код скопирован.', 'success');
}).catch(function () {
fallbackCopy(value);
});
} else {
fallbackCopy(value);
}
}
function fallbackCopy(text) {
els.result.focus();
els.result.select();
try {
document.execCommand('copy');
showNotice('Код скопирован.', 'success');
} catch (err) {
showNotice('Не удалось скопировать код. Скопируйте его вручную.', 'error');
}
window.getSelection && window.getSelection().removeAllRanges();
}
function reset() {
els.blockId.value = defaults.blockId;
els.topOffset.value = defaults.topOffset;
els.topOffsetNumber.value = defaults.topOffset;
els.appearSpeed.value = defaults.appearSpeed;
els.appearSpeedNumber.value = defaults.appearSpeed;
els.effect.value = defaults.effect;
els.shadow.checked = defaults.shadow;
els.blur.checked = defaults.blur;
els.activeClass.value = defaults.activeClass;
els.triggerPoint.value = defaults.triggerPoint;
els.triggerPointNumber.value = defaults.triggerPoint;
els.bgColor.value = defaults.bgColor;
els.bgColorText.value = defaults.bgColor;
els.borderRadius.value = defaults.borderRadius;
els.borderRadiusNumber.value = defaults.borderRadius;
els.result.value = '';
clearValidation();
showNotice('Форма сброшена.', 'success');
}
syncRange(els.topOffset, els.topOffsetNumber);
syncRange(els.appearSpeed, els.appearSpeedNumber);
syncRange(els.triggerPoint, els.triggerPointNumber);
syncRange(els.borderRadius, els.borderRadiusNumber);
syncColor(els.bgColor, els.bgColorText, defaults.bgColor);
els.generateBtn.addEventListener('click', generate);
els.copyBtn.addEventListener('click', copyCode);
els.copyTopBtn.addEventListener('click', copyCode);
els.resetBtn.addEventListener('click', reset);
})();
