文章/答案/技术大牛

发布

社区首页 >问答首页 >ScrollReveal.js将不运行

问ScrollReveal.js将不运行
EN

Stack Overflow用户

提问于 2016-05-04 18:05:36

回答 1查看 2.5K关注 0票数 1

我正在尝试使用朱利安·劳埃德(朱利安·劳埃德(ScrollReveal) )所编的广受欢迎的ScrollReveal。

我已经在页面上以及其他网站上遵循了指导指南，但是脚本并没有提供期望的效果，事实上，没有效果。

我增加了以下几点，以使这项工作发挥作用：

添加了.js并初始化了脚本：

    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <title>Aries Sercon Lda - Accounting, Tax and Consulting in Mozambique - Home</title>
        <meta name="description" content="Aries Sercon is an established firm providing accounting, tax and human resource services in Mozambique">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <link rel="icon" type="img/png" href="favicon-32x32.png" sizes="32x32"/>
        <link href='https://fonts.googleapis.com/css?family=Roboto:400,900' rel='stylesheet' type='text/css'>
        <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
        <script type="text/javascript" src="scripts/scrollReveal.min.js"></script>  
        <script>
        window.sr = new scrollReveal();
        sr.reveal('#landing');
        sr.reveal('#checks');
        sr.reveal('#process');
        sr.reveal('#clients');
        sr.reveal('#footer');
        </script>
    </head>

为每个元素添加了引用(“数据-sr”)

    <div class="wrapper">

            <div class="checks" id="checks" data-sr>

With all these, it does not work. I have checked the path which is correct.
                <p class="promo center">We are an independent group of accountants and tax professionals based in Mozambique. We have been operating in the market for over 30 years, long enough to witness and be part of the incredible growth of the country.</br></br>

                Together we have helped small and large businesses, novices and even veterans in finding and setting up a space for them in Mozambique, and in doing so have developed an acute understanding of the country's changing business dynamics.</br></br>

                Mozambique has seen consistent growth through a decade-long trend strongly driven by the extractive industries and large infrastructure projects. However, opportunities exist for small and medium size business ventures. A long coastline and an ideal geographic location also make it attractive for investment and trade.</p>

                <a href="#process" class="smoothScroll"><img src="assets/arrow.svg" class="arrows" alt="Go down"></a>

            </div>



        </div>

javascript

css

回答 1

Stack Overflow用户

发布于 2016-05-04 20:24:03

我不认为使用data-sr属性是使用这个插件的有效方法。我还没有在插件的代码中找到这个属性(在3.1.4版本中)。

您的代码无法工作，因为应该“显示”的元素没有初始化。

尝试将以下代码粘贴到文档中：

window.sr = ScrollReveal();
sr.reveal('#checks');

// if you have other elements, add them like this
sr.reveal('#other-element');
sr.reveal('#another-element');

我还为演示创建了一个小提琴：https://jsfiddle.net/82n10mk4/。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/37034927

复制

相似问题

问ScrollReveal.js将不运行
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ScrollReveal.js将不运行EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ScrollReveal.js将不运行
EN