私はこの視差スクロール tute の実装を行っています: http://webdesign.tutsplus.com/tutorials/complete-websites/create-a-parallax-scrolling-website-using-stellar-js/
tute で 4 枚のスライドのセットアップを使用するのではなく、2 枚のスライドを使用しました。
2 番目のスライドに、ページ内に移動する必要があるリンクがありますが、リンクがトリガーされても問題があります。犯人は、実装内のこれらの関数のビットに帰着します。
//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 スキルは本当に取るに足らないものであり、2 番目のスライドのパララックス ナビゲーションと私自身のリンクの両方を機能させる方法を理解することができません。
助けていただければ幸いです...ありがとう!