複数の SO 回答/ソリューションを調べて、stickyMojo (jquery プラグイン) を試しました。
私が見つけたものから、それらはすべて同じ不合格基準を持っています。
サイドバーのコンテンツがビューポート サイズの高さを超えると、ユーザーはサイドバーのコンテンツのスクロールを「終了」する前に、メイン コンテンツの最後までスクロールします。
例として、すべてのソリューションがフッター div とサイドバーの固定上部位置を使用しているように見えます。そのため、サイドバーの下部がフッター div の上部に到達するまでスクロールするまで、ユーザーはサイドバーのコンテンツのすべてを表示していません。
私が達成しようとしていることの例として、Google Plus Home Google+ ホームページを表示して、右側のサイドバーを見てください。コンテンツをスクロールすると、サイドバー コンテンツの最後に到達するまで即座にサイドバー コンテンツのスクロールが開始され、その後固定される (サイドバー コンテンツの上部が切り取られる) ため、ビューポートの下部を使用しているように見えます。サイドバーの上部ではなく下部を参照ポイントとして使用します。
これと同じ効果を達成し、クロスブラウザーに準拠させるにはどうすればよいですか? プラグインまたは Jquery コードのいずれかが機能し、高く評価されます!