Хотя некоторые закрепленные блоки действительно полезны в некоторых ситуациях, часто они только вызывают раздражение у обычных пользователей. У большинства подобных элементов есть кнопки для их закрытия, но некоторые веб-мастера могут ими пренебрегать.
Закрепленные элементы имеют множество недостатков: они занимают полезное место на экране (особенно актуально для устройств с небольшим экраном), часто отвлекают от основного контента и могут прерывать вас при прокрутке статьи или при сохранении, или печати веб-страницы.
Kill Sticky Headers
Kill Sticky Headers - букмарклет (небольшая Javascript-программа в виде закладки), которая позволяет в один клик удалить плавающие блоки на странице.
Пользователю просто нажимает на букмарклет, чтобы выполнить небольшой сценарий. Букмарклет быстро и надежно справляется с удалением закрепленных блоков на странице и не затрагивает остальные элементы.
Букмарклет будет особо полезен, если плавающие элементы на сайте нельзя сразу закрыть или спрятать. Подобную схему используют некоторые веб-сервисы - они отображает окно регистрации, которое блокирует просмотр основного контента. Плавающий блок не имеет кнопок для закрытия или скрытия, что вынуждает пользователей проходить процедуру регистрации.
Kill Sticky Headers предлагает более простое решение. Данный букмарклет полностью удаляет закрепленные элементы на странице в один клик.
Примечание: букмарклет не работает на многих сайтах в Firefox, из-за ошибки, связанной с CSP.
Предлагаем модифицированную версию Kill Sticky Headers, которая поддерживает плавающие (sticky) и закрепленные (fixed) элементы:
Остается только создать закладку и использовать данный код в качестве URL-адреса.
Для этого перетащите кнопку "Kill Sticky" на панель закладок:
или
- Google Chrome и браузеры на платформе Chromium: нажмите правой кнопкой мыши на панели закладок и выберите опцию «Добавить страницу». Если панель закладок скрыта, используйте сочетание Ctrl-Shift-B, чтобы ее отобразить. Добавьте код выше в качестве URL и выберите описательное название для букмарклета.
- Mozilla Firefox и браузеры на платформе Firefox: нажмите правой кнопкой мыши на основной панели и выберите опцию «Панель закладок» для отображения панели. нажмите правой кнопкой мыши на панели закладок и выберите опцию «Новая закладка». Добавьте код выше в качестве URL и выберите описательное название для букмарклета. Нажмите кнопку «Добавить». Данный букмарклет не будет работать на сайтах, которые используют политику защиты контента (CSP).
Нажмите на букмарклет в любой момент, чтобы выполнить функцию JavaScript.
Совет: вы можете использовать uBlock Origin, для удаления любого элемента на страницах на постоянной основе.
Kill Sticky Headers - полезный букмарклет, который скрывает плавающие элементы: уведомления об использовании cookie, формы подписок на новостные рассылки и формы регистрации. На данный момент он отлично работает на многих сайтах, но после запуска скрипта вы потенциально можете столкнуться с ограниченной функциональностью сайта.
По материалам gHacks
Советы и рекомендации
• Программа «Верни Сбер на iPhone» для Windows: Как восстановить приложение СберБанка на iOS не выходя из дома
• Как играть в Brawl Stars в России с помощью Comss.one DNS
• GitHub Copilot стал бесплатным: как получить доступ в России через Comss.one DNS
• Как использовать Google Gemini 2.0 Flash (Experimental) бесплатно – на сайте Gemini, в Google AI Studio и приложении
• Доступ к GitHub Copilot, Notion и Home Connect через Comss.one DNS в России
• Как использовать Sora – нейросеть OpenAI для генерации видео