← Все примеры

JavaScript Навигация whatsapp.com

WhatsApp Web: кнопка «наверх»

Добавляет плавающую кнопку, которая одним кликом прокручивает историю открытого чата вверх.

Код для копирования

// Add a floating button to scroll the open chat to the very top
(function () {
  if (document.getElementById('jz-wa-scroll-top')) return;
  const btn = document.createElement('button');
  btn.id = 'jz-wa-scroll-top';
  btn.textContent = '↑';
  btn.style.cssText = 'position:fixed;right:20px;bottom:80px;z-index:9999;width:42px;height:42px;border-radius:50%;border:none;background:#25d366;color:#fff;font-size:20px;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,0.25);';
  btn.addEventListener('click', function () {
    const pane = document.querySelector('#main [data-testid="conversation-panel-messages"], #main div[role="application"]');
    if (pane) pane.scrollTop = 0;
  });
  document.body.appendChild(btn);
})();

Как использовать этот пример

  1. Скопируй код кнопкой выше.
  2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
  3. Добавь новое правило, совпадающее с этой страницей.
  4. Вставь код в панель JavaScript правила и сохрани — он запускается при каждом заходе на страницу.

Оцени этот пример

Оценок пока нет — оцени первым.

Этот пример работает?

Сниппеты бесполезны, если их некуда вставить.

JustZix устанавливается за 2 минуты и запускает твой код на каждой подходящей странице. Без аккаунта, без оплаты.

Скачать бесплатно Смотреть применение