Q&A
例示されたサイトのどこをどうやったときの動きを
「ゆったり」と表現しているのでしょうか？
メニューでの動きはただのスムーススクロールのような気がしますが
実現したいこと
モデルサイト
上のモデルサイトのようにスクロール自体の速度が遅く ''見えるように'' したく、調べて見たのですが
スムーススクロール（例えばTopへのリンクを押すと、Topへスクロールする）についてのサイトしか見つけることができませんでした。
私はページ全体において、スクロール自体の速度が遅く ''見えるように'' したいので、それを実装する具体的なコーディングを、
ご存知の方、教えてくださると助かります。
モデルサイトではTweenmaxを使っているみたいですが、
私はロジックを理解したいので、方法についての縛りはないです、とりあえずどんなコーディングでも構いません。
すみませんが、どうかよろしくお願いいたします
回答1件
0
パララックスとスクロールスパイの組み合わせのように見えます。
投稿2019/08/01 03:57
総合スコア80850
Bootstrapは使っていないみたいです。
BootStrapの話はしてないですよ。
パララックスもスクロールスパイもそれぞれ独立した概念です。
なるほど、パララックスであることはわかっているのですが、具体的にどうコードに起こすべきかまでの理解がまだできていないんですよね。特にモデルサイトの場合はページ全体がスクロールする際に遅く感じるようになっていると思うのですが、まだどうコードにすべきか解決していません。
>パララックスであることはわかっているのですが
質問内容からはそこまでくみ取れませんでした。
そもそも完全自作したいのでしたら「パララックス」の原理から把握する必要があると思います。
完全自作しないのでしたらプラグインに頼るのが無難です。
いっそのこと参考サイトのコードを追ってみたらどうでしょうか（完全自作を目指すのでしたら必要な調査です）
なるほど、自作にこだわってはいないですね。実装できればいいという感じです。いつも使っているおすすめのプラグインなどありますか？アドバイス欲しいです。
パララックスもスクロールスパイも探せばそれなりにプラグイン出てくると思いますが・・
MaterializeというCSSフレームワークなら両方入ってはいます。
ただ、参考サイトは「Tweenmax」を使ってるという情報は持ってらっしゃるんですよね？
なら、それを使ってカスタマイズするのがもっともやりたいことに近づくのではないでしょうか
そうですね、パララックス、スクロールスパイにプラグイン、TweenMaxにもっとお詳しい方ご回答してもらえれば、助かります。mts10806さんも貴重な時間ありがとうございました。参考にします
これ以上詳しいとなると「コード組んでくれ」という作業依頼になるので応じられません。
キーワードが分かったのでしたらあとは自分でできるところまでやってみてください。
いえいえ全てのコードは組まなくていいですよ、もちろん。大枠だけでも教えておらえると助かりますが、以前もいろいろ調べて、行き詰まっていた時も、コードの大枠を教えていただいた親切な回答者さんのおかげで本当に助かりました、あの時は本当に助かりました笑
大枠は伝えた通りです。
質問された内容から本当に「ロジックを知りたい」のであれば
パララックスの原理を知るところから始めましょう、という話ですね。
コードを知ってもロジックを知ることにはなりませんから。
それなら優秀なパララックスのプラグインのコードを眺めたほうが何倍も良いですし、
それは1質問の1回答におさまる内容ではありません。
ちょっとその線でも調べてみます。厳密に知ることも大事ですが、結局はコードが組めればいいので笑
本当にありがとうございます。
あなたの回答
tips
プレビュー
