Title: Javascript Scroll bar in post Last modified: August 19, 2016 --- # Javascript Scroll bar in post * [someguy03](https://wordpress.org/support/users/someguy03/) * (@someguy03) * [15 years, 6 months ago](https://wordpress.org/support/topic/javascript-scroll-bar-in-post/) * I am trying to integrate this into a wordpress post: * [http://www.n-son.com/scripts/jsScrolling/example4.html](http://www.n-son.com/scripts/jsScrolling/example4.html) * It’s a very minimalistic corporate site with fixed dimensions so they want a scroll bar on the text. * I put the javascript call in the header as instructed: * * I also tried putting the script and the CSS in the post, and the text/css loads, but the javascript does not. Any help? Viewing 12 replies - 1 through 12 (of 12 total) * [Mark Ratledge](https://wordpress.org/support/users/songdogtech/) * (@songdogtech) * [15 years, 6 months ago](https://wordpress.org/support/topic/javascript-scroll-bar-in-post/#post-1702829) * In header.php, try the full path to your copies of those two scripts. * Thread Starter [someguy03](https://wordpress.org/support/users/someguy03/) * (@someguy03) * [15 years, 6 months ago](https://wordpress.org/support/topic/javascript-scroll-bar-in-post/#post-1702830) * Thanks for the help, here’s a portion of my header, is this correct? * ``` <?php bloginfo('name'); ?>: <?php bloginfo('description'); ?> <?php wp_title(); ?> ``` * [Mark Ratledge](https://wordpress.org/support/users/songdogtech/) * (@songdogtech) * [15 years, 6 months ago](https://wordpress.org/support/topic/javascript-scroll-bar-in-post/#post-1702831) * Does it work? Does [Firebug](http://getfirebug.com/) show the JS loading OK? * Thread Starter [someguy03](https://wordpress.org/support/users/someguy03/) * (@someguy03) * [15 years, 6 months ago](https://wordpress.org/support/topic/javascript-scroll-bar-in-post/#post-1702835) * No, it is not working. The Firebug console just says: * > syntax error > [Break on this error] var scrollbar = null;

\n * Here’s the code I have for the post. For testing purposes I extracted it right from that example I posted earlier: * ```

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec iaculis, ante et congue feugiat, elit wisi commodo metus, ut commodo ligula enim ac justo. Pellentesque id ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Phasellus vitae mi a elit dictum volutpat. Pellentesque nec arcu. Etiam blandit. Phasellus egestas dolor ut lacus. Sed enim justo, sagittis ut, condimentum non, ullamcorper eu, neque. In hac habitasse platea dictumst. Integer ipsum risus, sagittis ac, imperdiet ac, interdum sed, libero. Praesent commodo. Mauris congue, urna eget hendrerit elementum, dolor ligula ultrices neque, in elementum ante erat et elit.

Vivamus vehicula. Integer cursus massa et nisl. Morbi pretium sem eget risus. Vestibulum nec est. Donec feugiat purus et ligula. Quisque semper. Sed eu ante. Curabitur suscipit porttitor libero. Nam eros leo, sollicitudin eget, tincidunt vitae, facilisis a, dui. Proin neque. Aliquam erat volutpat. Pellentesque felis.

Aliquam consequat. Proin feugiat ultricies dui. Suspendisse mollis dui nec nunc. Nam tristique, ante vitae imperdiet vestibulum, elit nulla rhoncus nisl, vitae tincidunt dolor dui eu mi. In hac habitasse platea dictumst. Nunc blandit dolor vel mauris. Proin wisi. Nam pharetra ultrices tellus. Sed arcu. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam ultricies semper wisi. Sed nisl. Donec blandit. Nunc vitae urna sed nisl mattis ornare.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec iaculis, ante et congue feugiat, elit wisi commodo metus, ut commodo ligula enim ac justo. Pellentesque id ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Phasellus vitae mi a elit dictum volutpat. Pellentesque nec arcu. Etiam blandit. Phasellus egestas dolor ut lacus. Sed enim justo, sagittis ut, condimentum non, ullamcorper eu, neque. In hac habitasse platea dictumst. Integer ipsum risus, sagittis ac, imperdiet ac, interdum sed, libero. Praesent commodo. Mauris congue, urna eget hendrerit elementum, dolor ligula ultrices neque, in elementum ante erat et elit.

Vivamus vehicula. Integer cursus massa et nisl. Morbi pretium sem eget risus. Vestibulum nec est. Donec feugiat purus et ligula. Quisque semper. Sed eu ante. Curabitur suscipit porttitor libero. Nam eros leo, sollicitudin eget, tincidunt vitae, facilisis a, dui. Proin neque. Aliquam erat volutpat. Pellentesque felis.

Aliquam consequat. Proin feugiat ultricies dui. Suspendisse mollis dui nec nunc. Nam tristique, ante vitae imperdiet vestibulum, elit nulla rhoncus nisl, vitae tincidunt dolor dui eu mi. In hac habitasse platea dictumst. Nunc blandit dolor vel mauris. Proin wisi. Nam pharetra ultrices tellus. Sed arcu. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam ultricies semper wisi. Sed nisl. Donec blandit. Nunc vitae urna sed nisl mattis ornare.

Aliquam consequat. Proin feugiat ultricies dui. Suspendisse mollis dui nec nunc. Nam tristique, ante vitae imperdiet vestibulum, elit nulla rhoncus nisl, vitae tincidunt dolor dui eu mi. In hac habitasse platea dictumst. Nunc blandit dolor vel mauris. Proin wisi. Nam pharetra ultrices tellus. Sed arcu. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam ultricies semper wisi. Sed nisl. Donec blandit. Nunc vitae urna sed nisl mattis ornare.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec iaculis, ante et congue feugiat, elit wisi commodo metus, ut commodo ligula enim ac justo. Pellentesque id ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Phasellus vitae mi a elit dictum volutpat. Pellentesque nec arcu. Etiam blandit. Phasellus egestas dolor ut lacus. Sed enim justo, sagittis ut, condimentum non, ullamcorper eu, neque. In hac habitasse platea dictumst. Integer ipsum risus, sagittis ac, imperdiet ac, interdum sed, libero. Praesent commodo. Mauris congue, urna eget hendrerit elementum, dolor ligula ultrices neque, in elementum ante erat et elit.

Vivamus vehicula. Integer cursus massa et nisl. Morbi pretium sem eget risus. Vestibulum nec est. Donec feugiat purus et ligula. Quisque semper. Sed eu ante. Curabitur suscipit porttitor libero. Nam eros leo, sollicitudin eget, tincidunt vitae, facilisis a, dui. Proin neque. Aliquam erat volutpat. Pellentesque felis.

Vivamus vehicula. Integer cursus massa et nisl. Morbi pretium sem eget risus. Vestibulum nec est. Donec feugiat purus et ligula. Quisque semper. Sed eu ante. Curabitur suscipit porttitor libero. Nam eros leo, sollicitudin eget, tincidunt vitae, facilisis a, dui. Proin neque. Aliquam erat volutpat. Pellentesque felis.

``` * Thread Starter [someguy03](https://wordpress.org/support/users/someguy03/) * (@someguy03) * [15 years, 6 months ago](https://wordpress.org/support/topic/javascript-scroll-bar-in-post/#post-1702840) * Here’s the test page: * [http://kylefoleydesign.com/rbfgroup/?page_id=62#](http://kylefoleydesign.com/rbfgroup/?page_id=62#) * [jlevan](https://wordpress.org/support/users/jlevan/) * (@jlevan) * [15 years, 6 months ago](https://wordpress.org/support/topic/javascript-scroll-bar-in-post/#post-1702870) * Where did you upload jsScroller.js and jsScrollbar.js? * They are not at the location specified in your page. I also tried some more common locations in the theme’s directory, but did not see the files. * Thread Starter [someguy03](https://wordpress.org/support/users/someguy03/) * (@someguy03) * [15 years, 6 months ago](https://wordpress.org/support/topic/javascript-scroll-bar-in-post/#post-1702871) * Sorry, I was doing some experiments while you were looking at it: * [http://kylefoleydesign.com/rbfgroup/css/jsScroller.js](http://kylefoleydesign.com/rbfgroup/css/jsScroller.js) [http://kylefoleydesign.com/rbfgroup/css/jsScrollbar.js](http://kylefoleydesign.com/rbfgroup/css/jsScrollbar.js) * [jlevan](https://wordpress.org/support/users/jlevan/) * (@jlevan) * [15 years, 6 months ago](https://wordpress.org/support/topic/javascript-scroll-bar-in-post/#post-1702874) * [http://kylefoleydesign.com/rbfgroup/css/jsScroller.js](http://kylefoleydesign.com/rbfgroup/css/jsScroller.js) * doesn’t seem to exist, is that file on the server? * Thread Starter [someguy03](https://wordpress.org/support/users/someguy03/) * (@someguy03) * [15 years, 6 months ago](https://wordpress.org/support/topic/javascript-scroll-bar-in-post/#post-1702875) * Woops, the file on the server didn’t have a capital S. * I fixed that, but the javascript still does_ not_ work. * Thanks for helping, hopefully I can get this solved. * [jlevan](https://wordpress.org/support/users/jlevan/) * (@jlevan) * [15 years, 6 months ago](https://wordpress.org/support/topic/javascript-scroll-bar-in-post/#post-1702879) * The javascript code should also be pulled out of the page content – insert it directly in the template files. If you look at your generated source, WordPress is scattering `

` tags throughout your script – a small snip: * ```