将ScrollBar添加到站点。

时间:2011-07-29 12:53:37

标签: php wordpress scrollbar

这是我的wordpress网站:http://deadbeatfam.tk/。 我使用的主题是有限的内容空间,所以如果它太长,你可以查看它... 这就是我想添加滚动条的原因。 我尝试使用jQueryScrollPane(http://jscrollpane.kelvinluck.com/) 但它不起作用。 我是jQuery的新手,所以这可能是我的问题。

这是我的index.php代码:

<?php get_header(); ?>
<?php query_posts('post_type=page&order=asc'); ?>       

<div id="page">
<div id="slider">   
    <ul class="navigation">
<?php while (have_posts()) : the_post(); ?>
        <li><a href="#<?=$post->post_name?>"><span><?php the_title(); ?>        </span></a></li>
<?php endwhile;?>
    </ul>

    <div class="scrollButtons scrollMeLeft"><a><span>previous</span></a></div>

    <div class="scroll">
        <div class="scrollContainer">
<?php while (have_posts()) : the_post(); ?>
            <div class="panel" id="<?=$post->post_name?>">
                <h3><?php the_title(); ?></h3> 
                <div><?php the_content(); ?></div> 
            </div>
<?php endwhile;?>
        </div>
        <script>

$(function()
{
$('.scroll-pane').jScrollPane();
});

</script>
    </div>

    <div class="scrollButtons scrollMeRight"><a><span>next</span></a></div>

</div>
</div>

<?php get_footer(); ?>

这是ScrollBar函数:

<script>

$(function()
{
$('.scroll-pane').jScrollPane();
});

</script>

谢谢!

我不介意添加一个简单的普通滚动条,我只是不知道如何...

0 个答案:

没有答案