← Wszystkie przykłady

JavaScript Nawigacja bsky.app

Bluesky: przycisk „przewiń na górę”

Po przewinięciu strony pojawia się pływający przycisk umożliwiający płynny powrót na sam początek osi czasu.

Kod do skopiowania

// Floating "scroll to top" button appears after you scroll down
(function () {
  if (document.getElementById('jz-bsk-scrolltop')) { return; }
  var btn = document.createElement('button');
  btn.id = 'jz-bsk-scrolltop';
  btn.type = 'button';
  btn.textContent = '↑';
  btn.style.cssText = [
    'position:fixed', 'right:24px', 'bottom:24px', 'z-index:99999',
    'width:44px', 'height:44px', 'border-radius:50%',
    'border:0', 'background:#0085ff', 'color:#fff',
    'font-size:22px', 'cursor:pointer',
    'box-shadow:0 4px 16px rgba(0,0,0,0.25)',
    'display:none'
  ].join(';');
  btn.addEventListener('click', function () {
    window.scrollTo({ top: 0, behavior: 'smooth' });
  });
  document.body.appendChild(btn);
  function toggle() {
    btn.style.display = (window.scrollY > 600) ? 'block' : 'none';
  }
  toggle();
  window.addEventListener('scroll', toggle, { passive: true });
})();

Jak użyć tego przykładu

  1. Skopiuj kod przyciskiem powyżej.
  2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
  3. Dodaj nową regułę dopasowaną do tej strony.
  4. Wklej kod w panelu JavaScript reguły i zapisz — uruchomi się przy każdym wejściu na stronę.

Oceń ten przykład

Brak ocen — oceń jako pierwszy.

Czy ten przykład działa?

Snippety są bezużyteczne, jeśli nie masz gdzie ich wkleić.

JustZix instalujesz w 2 minuty i odpalasz swój kod na każdej pasującej stronie. Bez konta, bez opłat.

Pobierz za darmo Zobacz zastosowania