現在scrollmagicでサイトにパララックス効果を出してます。
只管、一つの画面でうまく動き実装が終わって、
ウィンドウサイズを変更したら位置がずれてしまいます。
かつ、押せないぐらい、ガタ付きます。
只管、gitのissueも読みましたが、
致命的なbugのラベルが付いている質問ばかりで
解決策はないままでした・・・。
一応、scrollmagicでは一定の所までスクロールしたら要素が現れて、
スクロール量より早く動く形のパララックスを実装しています。
それをpc,sp両方対応できるようにしようと思ってます。
スマホでも対応できるということでscrollmagicを選びましたが、
pcで突拍子も無いこと問題で壁に当たりました・・・。
解決策の他、このjsはpc,sp両方無事スクロールに合わせて動いてくれるよとの
情報があれば、ヒント頂けるととても助かります。
宜しくお願い致します!
scrollmagic.js
1//pic01 2 var pic01 = new TimelineMax() 3 .add([ 4 TweenMax.to("#pic01", 1, { 5 y: -700, 6 ease: Power2.linear 7 }) 8 ]); 9 10 // triggerpic01 11 var tiggerpic01 = new ScrollMagic.Scene({ 12 triggerElement: "#people-area", 13 duration: 1200, 14 offset: -100 15 }) 16 .setTween(pic01) 17 .addTo(controller);
あなたの回答
tips
プレビュー