スクロールにおけるページ遷移のような挙動について

Question

現在ページ遷移等について初心者ながら勉強してるのですが、
下記のようなページは、onepagescroll.jsのようなものだけでは実装不可なのでしょうか？

https://www.shiftbrain.com/

やはりネイティブなjsと組み合わせて、2ページ目が表示されたらこの挙動をする、等のスクリプトをゴリゴリ書いていくしかないのでしょうか？？

Answer 1

onepagescroll.jsのデモを見たのですが、表示されているページの要素に.activeが追加されるようでした。
なので、CSSトランジションなどを.activeの子孫に設定しておけば、同様のことができるのではないでしょうか。

ちょうど、jsFiddleにonpagescroll.jsのテストをしている人がいたので、forkしていじってみました。
https://jsfiddle.net/Lhankor_Mhy/ta25evmj/

Comments

[yourai]

回答ありがとうございます。
なるほど、元のcssをいじってカスタマイズするのですね、、
参照までご提示くださって助かりました！ありがとうございます！

Answer 2

jQueryやBootstrapのテンプレート集を探してそのまま使えればそのテンプレートを上書きし、カスタマイズが必要なら、各仕様を解析して書き直していけば実現できるでしょう。

Comments

[yourai]

やはりカスタマイズしていくのが良いのですね、、ご教示ありがとうございます。