UP TITLE
Как скрыть полосу прокрутки в Тильде. Скрываем scrollbar во всех браузерах
Введение
Представьте себе ситуацию: ваш сайт на Tilda выглядит потрясающе, но стандартная полоса прокрутки мешает общему визуальному восприятию. Часто стандартный дизайн не соответствует вашему бренду или дизайнерской концепции. И вот здесь на помощь приходит возможность настроить полосу прокрутки под ваши потребности. А поможет в этом наша тильда модификация, которая скроет полосу прокрутки (scrollbar) во всех браузерах. Давайте узнаем как скрыть полосу прокрутки в Тильде.
Как скрыть полосу прокрутки в тильде (scrollbar)
Представьте себе ситуацию: ваш сайт на Tilda выглядит потрясающе, но стандартная полоса прокрутки мешает общему визуальному восприятию. Часто стандартный дизайн не соответствует вашему бренду или дизайнерской концепции. И вот здесь на помощь приходит возможность настроить полосу прокрутки под ваши потребности. А поможет в этом наша тильда модификация, которая скроет полосу прокрутки (scrollbar) во всех браузерах. Давайте узнаем как скрыть полосу прокрутки в Тильде.
Как скрыть полосу прокрутки в тильде (scrollbar)
  1. В конце всех блоков на странице создайте html блок «Т123» (если ваш сайт одностраничный)
  2. На отдельной странице для шапки (header) или подвала (footer) создайте html блок «Т123» (если ваш сайт многостраничный)
  3. Нажмите на кнопку «Контент» и скопируйте в него код модификации (смотрите ниже)
  4. Сохраните изменения и опубликуйте страницу
<script>
document.addEventListener("DOMContentLoaded", function() {var style = document.createElement("style");style.innerHTML = `body {scrollbar-width: thin;scrollbar-color: transparent transparent;margin-right: calc(-1 * (100vw - 100%));overflow-y: scroll;}::-webkit-scrollbar {width: 0px;}::-webkit-scrollbar-thumb {background-color: transparent;}`;document.head.appendChild(style);window.addEventListener("beforeunload", function() {document.head.removeChild(style);});});
</script>

© Mark Lungrin
Made on
Tilda