🔥 Новая модификация: Система скролл-эффектов!
Смещение для якорных ссылок
Помогает настроить точный отступ при переходе по якорю для блока T173 «Якорная ссылка». Идеально, если на сайте есть фиксированное меню, высота которого меняется на разных устройствах. Настраивается 5 стандартных разрешений Тильды.
Как сделать
- Настрой смещение в генераторе, например: 30px или -15pxУкажи смещение для каждого разрешения. Можно использовать положительные и отрицательные значения.
- Установи код на сайт, например в блок T123Скопируй готовый код и вставь его на сайт, памятка по вставке кода.
<%
const o = (it.OFFSETUNIT === '>_' ? it.OFFSETCUSTOM : (it.OFFSET ? it.OFFSET + (Number(it.OFFSET) === 0 ? '' : it.OFFSETUNIT) : '')) || '';
const offset = `[data-record-type="215"]{position:relative;top:var(--yu-007-t);${o ? `--yu-007-t:${o}` : ''}}`;
const oMW1199 = (it.OFFSETMW1199UNIT === '>_' ? it.OFFSETMW1199CUSTOM : (it.OFFSETMW1199 ? it.OFFSETMW1199 + (Number(it.OFFSETMW1199) === 0 ? '' : it.OFFSETMW1199UNIT) : '')) || '';
const offsetMW1199 = oMW1199 ? `@media(max-width:1199px){[data-record-type="215"]{--yu-007-t:${oMW1199}}}` : '';
const oMW959 = (it.OFFSETMW959UNIT === '>_' ? it.OFFSETMW959CUSTOM : (it.OFFSETMW959 ? it.OFFSETMW959 + (Number(it.OFFSETMW959) === 0 ? '' : it.OFFSETMW959UNIT) : '')) || '';
const offsetMW959 = oMW959 ? `@media(max-width:959px){[data-record-type="215"]{--yu-007-t:${oMW959}}}` : '';
const oMW639 = (it.OFFSETMW639UNIT === '>_' ? it.OFFSETMW639CUSTOM : (it.OFFSETMW639 ? it.OFFSETMW639 + (Number(it.OFFSETMW639) === 0 ? '' : it.OFFSETMW639UNIT) : '')) || '';
const offsetMW639 = oMW639 ? `@media(max-width:639px){[data-record-type="215"]{--yu-007-t:${oMW639}}}` : '';
const oMW479 = (it.OFFSETMW479UNIT === '>_' ? it.OFFSETMW479CUSTOM : (it.OFFSETMW479 ? it.OFFSETMW479 + (Number(it.OFFSETMW479) === 0 ? '' : it.OFFSETMW479UNIT) : '')) || '';
const offsetMW479 = oMW479 ? `@media(max-width:479px){[data-record-type="215"]{--yu-007-t:${oMW479}}}` : '';
if (!(o?.toString().trim() || oMW1199?.toString().trim() || oMW959?.toString().trim() || oMW639?.toString().trim() || oMW479?.toString().trim())) return "Введи хотя бы одно значение смещения."
%> <%-~'\n'_%>
Понравилось решение?