如何在滚动上检测<section>?

时间:2017-05-24 19:48:54

标签: javascript jquery html css flexbox

我有一个网站,其中包含使用HTML5,CSS3中的FlexBox创建的菜单。

作为一个SPA,我想做的是通过这样一个部分,我已经注意到了#34;菜单按钮带我到那个部分。

我看到有这样的例子:http://www.miguelmanchego.com/2014/jquery-scroll-menu-detector-de-ubicacion/

但是使用UL> Li,我试图适应,因为我看起来像个傻瓜,我看不出错误是什么。

这是我的菜单:

<section id="perfil">
    <img class="mi-foto" src="img/perfil.png">
    <nav>
        <div><a class="ripple grey" href="#sobre-mi"><span class="icono imagen-sobre-mi"></span><p>Sobre mi</p></a></div>
        <div><a class="ripple grey" href="#estudios"><span class="icono imagen-educacion"></span><p>Estudios</p></a></div>
        <div><a class="ripple grey" href="#cursos"><span class="icono imagen-experiencia-laboral"></span><p>Experiencia Laboral</p></a></div>
        <div><a class="ripple grey" href="#hobbies"><span class="icono imagen-hobbie"></span><p>Hobbies</p></a></div>
        <div><a class="ripple grey" href="#"><span class="icono imagen-portofolio"></span><p>Portofolio</p></a></div>
        <div class="redes">
            <div><a href="www.google.com.ar"><img src="img/redes-facebook.png" alt=""></a></div>
            <div><a href="www.google.com.ar"><img src="img/redes-twitter.png" alt=""></a></div>
            <div><a href="www.google.com.ar"><img src="img/redes-linkedin.png" alt=""></a></div>
        </div>
    </nav>
</section>

使用waypoints.js库

完成

谢谢,我期待你的回答!

问候!

0 个答案:

没有答案