0

我一直在实现这个视差滚动图: http ://webdesign.tutsplus.com/tutorials/complete-websites/create-a-parallax-scrolling-website-using-stellar-js/

我没有使用 tute 中的四张幻灯片设置,而是使用了两张幻灯片。

我在第二张幻灯片上有需要指向内页的链接,但我遇到了链接甚至触发的问题。罪魁祸首归结为实现中的这些功能:

 //When the user clicks on the navigation links, get the data-slide attribute value of the link and pass that variable to the goToByScroll function
    links.click(function (e) {
        e.preventDefault();
        dataslide = $(this).attr('data-slide');
        goToByScroll(dataslide);
    });
    //When the user clicks on the button, get the get the data-slide attribute value of the button and pass that variable to the goToByScroll function
    button.click(function (e) {
        e.preventDefault();
        dataslide = $(this).attr('data-slide');
        goToByScroll(dataslide);
    });

我试过注释掉并删除 e.preventDefault(); 但这不起作用,消除这两个功能允许我的链接工作,但不是视差滚动导航。

我的 jquery/JS 技能真的可以忽略不计,而且我无法弄清楚如何在第二张幻灯片中同时制作视差导航和我自己的链接。

任何帮助将不胜感激......谢谢!

4

0 回答 0