Javascript 为浮动在网页顶部并随着查看器向下滚动而移动的div设置边界

我的页面右侧有一个带有滚动div的float，我想为它设置边界，但它与文本和按钮共享页面，这些文本和按钮以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;

---

滚动div的一个很好的例子是

上的“Summary”框。请将一个jsFiddle放在一起。请避免使用术语“flotter”：）请提供一些可视化的示例，说明您所做的工作need@EliranMalka对术语“浮动器”的使用已被删除。@E L可视示例：到Adobe站点的JSFIDLE和链接是否良好，还是应该添加屏幕截图？