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 - 现在做一些疯狂的计算！

我建议第1次正确创建div容器然后我们可以计算。另请检查http://j.mp/11Mjvgk

固定滚动分区

1 个答案: