Question

我正在开发GoldenStateLiquidation.com但是在尝试将许多项目组合在一起以形成美丽的东西时已经产生了大量的错误。我将skrollr.js和skrollr.min.js放在js文件夹中，在标题中调用它

<script type="text/javascript" src="js/skrollr.min.js"></script>
<script type="text/javascript" src="js/skrollr.js"></script>

我的HTML看起来像：

<section id="slide-3" class="homeSlide">
    <div class="bcg" data-top="background-position: 50% 0px;" data-center="background-position: 50% 100px;" data-anchor-target="#slide-3">
        <div class="hsContainer">
            <div class="hsContent" data-center="bottom: 200px; opacity: 1" data-top="bottom: 0; opacity: 0" data-anchor-target="#slide-3 h2"></div>
            <?php if ( is_home() ) { ?>
            <?php if( get_option( 'hathor' )){ ?>
            <div class="row">
                <div id="slider">
                    <?php get_template_part( ''.$slides=o f_get_option( 'slider_select', 'nivo'). ''); ?>
                    <?php }else{ ?>
                    <?php get_template_part( 'dummy/dummy', 'nivo'); ?>
                    <?php } ?>
                </div>
                <?php }?>
            </div>
        </div>

这是我尝试用已经给定的Hathor主题nivo.slider实现视差Skrollr。我还有许多其他错误，也许你可以帮助我。

Answer 1

你必须在你的html结尾处实现srkollr.js，就在关闭body-tag之前。只需使用以下代码......

<script src="js/skrollr.js"></script>
<script type="text/javascript">
window.onload = function() {
skrollr.init({
forceHeight: false
});
}
</script>

在网站上实现skrollr +其他错误

1 个答案: