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

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。我还有很多其他的bug，也许你可以帮我解决。

Answer 1

你必须在html的末尾实现srkollr.js，就在主体标记结束之前。只需使用以下代码...

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