我一直在做这个视差滚动tute的实现: http://webdesign.tutsplus.com/tutorials/complete-websites/create-a-parallax-scrolling-website-using-stellar-js/
我没有使用滑道中的四滑盖设置,而是选择了双滑道。
我在第二张幻灯片上有链接需要引导到内页,但我的链接有问题甚至触发。罪魁祸首归结为实现中的这些功能:
//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技能真的可以忽略不计,我无法弄清楚如何在第二张幻灯片中同时制作视差导航和我自己的链接。
任何帮助将不胜感激...谢谢!