javascript - ビューポートに自動的に調整されるこのスクロール効果の実行方法

Question

http://teacakedesign.com/

これは私が参照しているウェブサイトです。スクロールされたアイテムのサイズを、ブラウザのビューポートの使用可能なスペースに合わせて自動調整します。

Answer 1

それが最善の解決策かどうかはわかりませんが、これが私が始める方法です: コンテナの高さを要素数 * 100% に設定します (例: 5 要素 -> 500%)。各内部要素は 100 / n 要素の高さです。jsファイルでは、ユーザーがスクロールしたときにウィンドウの高さを確認し、スクロールバーを上下に「n」ピクセルアニメートします。