← Wszystkie przykłady

JavaScript Nawigacja amazon.com

Amazon: przycisk skoku do recenzji

Dodaje pływający przycisk, który płynnie przewija stronę produktu prosto do sekcji recenzji.

Kod do skopiowania

// Add a floating button that jumps straight to customer reviews
if (!document.getElementById('jz-az-skip-reviews')) {
  const btn = document.createElement('button');
  btn.id = 'jz-az-skip-reviews';
  btn.textContent = 'Jump to reviews';
  btn.style.cssText = 'position:fixed;right:16px;bottom:16px;z-index:9999;' +
    'padding:10px 16px;background:#ff9900;border:none;border-radius:20px;' +
    'cursor:pointer;font-weight:600;box-shadow:0 2px 6px rgba(0,0,0,0.3);';
  btn.addEventListener('click', function () {
    const target = document.getElementById('reviewsMedley') ||
      document.getElementById('customerReviews') ||
      document.querySelector('[data-hook="reviews-medley-footer"]');
    if (target) { target.scrollIntoView({ behavior: 'smooth' }); }
  });
  document.body.appendChild(btn);
}

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