現在、jQuery プラグインのカスタム関数に取り組んでいます。iOS のバウンスとスナップを模倣したい (したがって、ユーザーが上にスクロールしすぎると、ビューポートがそれを許可し、その後下に跳ね返る)、同様に、ユーザーが一番下に到達すると、最大位置にスナップして戻します (希望)それは理にかなっている）。
translate3d()ハードウェアアクセラレーションを可能にするために使用し、それに応じて y 値を設定するだけです。これはうまく機能しますが、translate3d関数の有効な y の最大値を計算できる方法が欲しいので、この値を設定するだけで簡単にスクローラーを下に設定できます。
どうすればこれを達成できるか知っている人はいますか? 次のディメンションにアクセスできます。
- コンテナの内側の高さ
- コンテナの外側の高さ
- コンテナのスクロール高さ
- ラッパーのinnerHeight
- ラッパーのアウターハイト
- ラッパー scrollHeight
スクロールのマークアップは次のdivとおりです。
<div class="scroll">
<div class="scroll-wrapper">
<!-- My Content is in Here -->
</div>
</div>