Custom Scrollbar – flexcroll

  • raptone

    (@raptone)


    16 years, 8 months ago

    Hi there! Hope someone can help me out – I am new to using WordPress and am trying to bring a former site into the WordPress templates. I have had great success so far but with one big hang up. The old site uses flexcroll.js with custom css to create a custom scroll bar for the main content area.

    I have tried many different ways to include the script into my header.php file of the theme. With the former html document it could just be added in with the basic
    <script type='text/javascript' src="flexcroll.js"></script>

    Through wordpress I have tried this basic script add as well as <?php wp_enqueue_script(‘flexcroll’, 'myurlpath/flexcroll.js); ?>

    Nothing seems to be working and I have been trying to search forums and things for hours. Has anyone else had success using flexcroll with WordPress who can help me, or anyone who just knows what I am doing wrong?

    The content that needs to be scrolled is found on various pages in the pageContentText div, and my page.php is pretty basic:

    <?php get_header(); ?>

<div id="welcome">

       		<div id="pageContent">
            	<div id="pageContentText">

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php the_content(__('(more...)')); ?>
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>
  </div>

  </div>
          </div>          

<?php get_footer(); ?>

    I am also running lightbox-plus and add-lightbox plugins in case those are making a difference?

    Any help greatly appreciated!

Viewing 3 replies - 1 through 3 (of 3 total)
  • chinakohl

    (@chinakohl)

    16 years, 8 months ago

    to include: put the js and css files in the same directory like your style.css and try in your header
    <link href=”<?php bloginfo(‘stylesheet_directory’); ?>/flexcrollstyles.css” rel=”stylesheet” type=”text/css” />
    <script type=”text/javascript” src=”<?php bloginfo(‘stylesheet_directory’); ?>/flexcroll.js”></script>

    works fine at my site…

    kidcrayon

    (@kidcrayon)

    16 years, 6 months ago

    how do i add a file to my stylesheet directory?

    there is no upload function.

    i have tried pointing both to an external directory on my server but with the relevent files but it doesn’t seem to pick either up.

    regards

    fearkills

    (@fearkills)

    16 years, 3 months ago

    Chinakohl

    – Im trying to get this to work too. I did as you said and im still not getting it to function properly

    I’m using it in conjunction with an Iframe

    Would that be why?

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Custom Scrollbar – flexcroll’ is closed to new replies.