2

私のウェブサイト（ http://www.medigapbuyersguide.com/new/ ）の左側全体が固定されており、下にスクロールすると画面とともにスクロールします。これにはJqueryを使用しました。

私には2つの問題があります。

  • 左側がフッター（下部）に当たると、スクロールが停止しません。
  • ウィンドウのサイズを変更すると、左側がずれます。

これらの問題を修正するにはどうすればよいですか？

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>

御時間ありがとうございます。

4

1 に答える 1

0

私はあなたを助けることができますが、あなたはいくつかの変更を加える必要があります。これを修正する方法は2つあります。1-サイドバーとコンテンツをDIV内でラップしてから、たとえば2つのDIVS=SIDEBARとMAINCONTENTに分割する必要があります。次に、計算できます。

2-今すぐクレイジーな計算をしてください！

最初にdivコンテナを正しく作成することをお勧めします。そうすれば、計算できます。http://j.mp/11Mjvgkも確認してください

于 2012-12-06T20:24:01.610 に答える