固定滚动div

Question

我的网站 (http://www.medigapbuyersguide.com/new/) 的整个左侧是固定的，向下滚动时会随屏幕滚动。我为此使用了 Jquery。

我有两个问题；

• 左侧一旦碰到页脚（底部）就不会停止滚动。
• 当我调整窗口大小时，左侧移动到不合适的位置。

如何解决这些问题？

jQuery 代码：

<script>
$(document).ready(function () {  
  var top = $('#left-menu').offset().top - parseFloat($('#left-    menu').css('marginTop').replace(/auto/, 0));
  $(window).scroll(function (event) {
    // what the y position of the scroll is
    var y = $(this).scrollTop();

    // whether that's below the form
    if (y >= top) {
      // if so, ad the fixed class
      $('#left-menu').addClass('fixed');
    } else {
      // otherwise remove it
      $('#left-menu').removeClass('fixed');
    }
  });
});
</script>

CSS：

<style>

#left-menu { 
  left: 20%;
  position: absolute;
  margin-left: 40px;
  width:290px;
}

#left-menu {
  position: absolute;
  top: 0;
  margin-top: 132px;
  padding-top: 19px;
}

#left-menu.fixed {
  position: fixed;
  top: 0;
}
</style>

感谢您的宝贵时间。

Answer 1

我可以帮助您，但您需要进行一些更改。有两种方法可以解决这个问题： 1 - 例如，您需要将侧栏和内容包装在 DIV 中，然后将它们分成 2 个 DIVS = SIDEBAR 和 MAINCONTENT。然后我们就可以计算了。

2 - 现在做一些疯狂的计算！

我建议首先正确创建 div 容器，然后我们可以计算。还要检查http://j.mp/11Mjvgk