ページの右側に float-with-the-scroll div があり、その境界を設定したいのですが、jquery 垂直アコーディオン スタイルで開くテキストとボタンでページを共有します。長さが不揃い。したがって、ページの下部は設定された数値ではなく、ページを完全に下にスクロールすると、div がフッターの上に表示されます。また、ページのサイズが変更されると、ボックスがずれてしまいます。ページ上の特定の他の div を通過しないように定義する方法はありますか? div用に持っているcssは次のとおりです。
position: fixed;
width:225px;
float:right;
margin-left:1em;
top: 36.5%;
left: 65%;
margin-left: 10px;
margin-top: 5px;
jsFiddle - 問題は青いボックスとそれに付随するテキストにあります
スクロール div の良い例は、 Apple の構成ページにある「概要」ボックスです。