Плавающее меню категорий, лаги, выход за границы магазина.

[bestaimer]

Добрый день.

Решил реализовать следующую задумку на этом сайте : меню категорий слева на сайте плавает в след за прокруткой страницы.

Используется следующий js-код

<script type="text/javascript">
$(function() {
 var offset = $(".categ-category").offset();
 var topPadding = 15;
 $(window).scroll(function() {
  if ($(window).scrollTop() > offset.top) {
$(".categ-category").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});
  }
  else {$(".categ-category").stop().animate({marginTop: 0});};});
});
</script>

Появились следующие проблемы:

1) меню перемещается рывками, особенно при быстром пролистывании.

2) менюшка в опере отодвигает footer (см.скрин)

Есть ли варианты решения?

[kraovskiy]

Тоже работает рывками. Каково решение?

[afwollis]

зачем ТАК?

есть же в css "position:fixed;".

на js определяй прокрутил юзер страницу или нет.

если прокрутил вниз более, чем на NNNpx, - делай блоку "position:fixed;" с необходимыми отступами.

если менее, чем на NNNpx, - убирай "position:fixed;".

(лучше описать это в отдельном css-классе и добавлять/убирать класс блоку).