← Todos los ejemplos

Acción Navegación stackoverflow.com

Stack Overflow: lista flotante para saltar entre respuestas

Añade una lista flotante de todas las respuestas con su puntuación para saltar a cualquiera con un clic.

Código para copiar

/* Floating list of answers to jump between them */
(function () {
  if (document.getElementById('sof-answer-toc')) return;
  var answers = document.querySelectorAll('#answers .answer');
  if (answers.length < 2) return;
  var box = document.createElement('div');
  box.id = 'sof-answer-toc';
  box.style.cssText = 'position:fixed;right:10px;bottom:10px;background:#fff;border:1px solid #ccc;border-radius:6px;padding:6px;font-size:12px;z-index:9999;box-shadow:0 2px 8px rgba(0,0,0,0.2);';
  answers.forEach(function (a, i) {
    var score = a.querySelector('.js-vote-count');
    var link = document.createElement('a');
    link.textContent = 'Answer ' + (i + 1) + (score ? ' (' + score.textContent.trim() + ')' : '');
    link.style.cssText = 'display:block;padding:2px 6px;cursor:pointer;color:#0074cc;';
    link.addEventListener('click', function () {
      a.scrollIntoView({ behavior: 'smooth', block: 'start' });
    });
    box.appendChild(link);
  });
  document.body.appendChild(box);
})();

Cómo usar este ejemplo

  1. Copia el código con el botón de arriba.
  2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
  3. Añade una nueva regla que coincida con esa página.
  4. Activa el panel de acciones, añade un botón en la pestaña Acciones y pega el código en él — lo ejecutas con un clic.

Valora este ejemplo

Sin valoraciones — sé el primero.

¿Funciona este ejemplo?

Los snippets son inútiles sin un lugar donde pegarlos.

JustZix se instala en 2 minutos y ejecuta tu código en cada página coincidente. Sin cuenta, sin pago.

Descargar gratis Ver casos de uso