Soporte » WordPress Avanzado » Scroll JQuery ventana navegador

  • Buenas tardes,
    Estoy intentando personalizar la barra de scroll por medio de un script de jquery. En una página html funciona sin problemas, pero no termino de poder integrarlo en WordPress.
    <script type=»text/javascript»>
    jQuery(document).ready(function($){
    window.prettyPrint && prettyPrint();
    $(‘.wrapper’).scrollbar();
    });
    </script>

    <script type=»text/javascript»>
    if(window.location.href.match(/gromo.github.io/i)){
    (function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,’script’,’//www.google-analytics.com/analytics.js’,’ga’);

    ga(‘create’, ‘UA-52878040-1’, ‘auto’);
    ga(‘send’, ‘pageview’);
    }
    </script>

    Gracias

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • Asegúrate de cargar también la librería que usa ese script (el primero, porque el segundo es para GA).
    Imagino que la librería será una de estas:
    https://github.com/thuongqbd/vilagankhoe/tree/master/html/libs/jquery.scrollbar
    https://github.com/gromo/jquery.scrollbar

    Si no, aquí tienes una lista de muchas más:
    https://plugins.jquery.com/tag/scrollbar/

    un saludo

    Iniciador del debate jalape

    (@jalape)

    Hola José gracias por contestar,
    Me temo que ese no es el problema.
    Lo más cerca que he estado de lograrlo y entre otros intentos, ha sido, encerrar el contenido PHP de una plantilla de página (archivo page-full-width.php), en una estructura HTML que contiene el script, así como los enlaces a las bibliotecas. Si aplico la plantilla a la página, aparece un scroll con sus efectos y colores personalizados, lo que me indica que el css y js de las bibliotecas está funcionando, pero se mantiene el scroll del navegador. Es decir, tengo dos barras de scroll.
    La duda es, si tengo que colocar el script en otro archivo de WordPress, más general, que afectara a todas las páginas y entradas, incluso que afectara a la vista privada del administrador, aunque esto último no es necesario.

    Esta es la estructura HTML que inserto en el archivo page-full-width.php:

    <!DOCTYPE html>
    <html>
    <head>
    <title>jQuery Scrollbar</title>
    <meta http-equiv=»Content-Type» content=»text/html; charset=UTF-8″>
    <link rel=»stylesheet» href=»http://localhost/wordpress/wp-content/uploads/css/style.css»>
    <link rel=»stylesheet» href=»http://localhost/wordpress/wp-content/uploads/jquery/jquery.scrollbar/css/jquery.scrollbar.css»>

    <script type=»text/javascript» src=»http://localhost/wordpress/wp-content/uploads/jquery/js/jquery.js»></script>
    <script type=»text/javascript» src=»http://localhost/wordpress/wp-content/uploads/jquery/jquery.scrollbar/js/jquery.scrollbar.js»></script>

    <script type=»text/javascript»>
    jQuery(document).ready(function($){
    window.prettyPrint && prettyPrint();
    $(‘.wrapper’).scrollbar();
    });
    </script>

    </head>
    <body>
    <div class=»wrapper scrollbar-dynamic»>
    <div class=»page-content»>

    ———————————————-
    En esta parte va el PHP de la plantilla
    ————————————————-

    </div>
    </div>
    </body>
    </html>

    Por cierto, he eliminado el segundo script, efectivamente no es necesario.

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • El debate ‘Scroll JQuery ventana navegador’ está cerrado a nuevas respuestas.