我的网站 ( 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>
谢谢你的时间。