Javascript 如何使div粘在父div附近

我在我的本地新闻网站上看到了这样一个特写：

在左div粘贴到主div的位置，在滚动和windows resize上，左div保持粘贴在那里，在滚动时，左div上下移动也粘贴到主div

对不起，英语/解释不好（但我想你明白了）

你可以在这个链接中看到我想要得到什么：

如果未使用任何Adblock:）

---

有没有什么特别的jquery插件，或者它是通过简单的CSS实现的？

在我的网站上，左边是Facebook图像，它随页面滚动，在鼠标上方（jquery）展开并显示插件框：

HTML

（可选/不需要滚动效果）jQuery

---

是的，它可以很容易地通过CSS实现

<div id="fbwindow">
  <a href="http://www.facebook.com/.../" id="fbwindow_a"></a>
  <div class="fb-like-box" data-href="http://www.facebook.com/.../" data-width="292" data-show-faces="false" data-stream="true" data-show-border="true" data-header="true"></div>
</div>

#fbwindow { position: fixed;top:50%;margin-top:-200px;left:-292px;width:323px;height: 265px;z-index: 1000;text-align: left; }
#fbwindow div.fb-like-box { background: #FFF; }
#fbwindow > a { display: block;float: right;width: 31px;height: 187px;background: url('/layout/fb-window.png') no-repeat; }

$('#fbwindow_a').mouseenter(function() {
    $("#fbwindow").stop().animate({
          left: '0'
          }, 100, function() {
            //$(this).removeClass("left").addClass("right");
          });
});
$('#fbwindow').mouseleave(function() {
      $("#fbwindow").stop().animate({
      left: '-292px'
      }, 50, function() {
        //$(this).removeClass("right").addClass("left");
      });
});