Плавное движение липкого блока при скроллинге

[xDyPx]

Есть див, с горизонтальным скроллингом, внутри которого две таблицы с шириной, большей чем у дива. Первая таблица (.topTable) должна прилипнуть к верху страницы, когда мы до нее доскроллим страницу и накладываться поверх второй при скроллинге. Все работает, но везде, кроме ФФ, прыгает верхняя таблица, а не плавает, рывками перемещается. Подскажите, как оптимизировать, чтобы везде плавно было.

function getScrollWindow() {
	  if (window.pageXOffset != undefined) {
		return pageYOffset
	  }

	  var html = document.documentElement;
	  var body = document.body;

	  var top = html.scrollTop || body && body.scrollTop || 0;
	  top -= html.clientTop;	 

	  return top;
	}

$(function(){			
	var posY = $('.topTable').offset().top;
	var newPosY = 0;
	if(getScrollWindow() >= posY)
	{
		newPosY = getScrollWindow() - posY;
		$('.topTable').css('top', newPosY+'px');
	}
	$(window).scroll(function(){			
		if(getScrollWindow() >= posY)
		{
			newPosY = getScrollWindow() - posY;
			$('.topTable').stop().css('top', newPosY+'px');				
		}
		else if(getScrollWindow() < posY)
			$('.topTable').stop().css('top', '0');
	});
});

[MyLastHit]

.stop().css()

Зачем останавливать анимации, которых нет?Оо
Тогда уж и делайте

.stop().animate()

[xDyPx]

это я убрать забыл, когда пробовал через анимацию. Через анимация липкий блок неуспевает за скроллом, поэтому пришлось отказаться. тут .stop() никакой роли не играет. что с ним что без него притормаживает.

[MyLastHit]

Залейте пример на jsfiddle.net
Не понятно, что нужно

[Naive]

Почему бы не использовать position:fixed? Или вы расчитываете на аудиторию ИЕ6?

[xDyPx]

http://jsfiddle.net/hLXLt/3/ - вот тут пример того, что у меня есть. и вот верхняя таблица, которая плавает, рывками перемещается.

position: fixed нельзя из-за горизонтального скролла

[MyLastHit]

Задай Position:fixed для .topTable и исправь код так:

function getScrollWindow() {
	  //if (window.pageXOffset != undefined) {
		//return pageYOffset
	  //}

	  var html = document.documentElement;
	  var body = document.body;

	  var left = html.scrollLeft || body && body.scrollLeft || 0;
	  left -= html.clientLeft;	 

	  return left;
	}

	$(function(){			
		var posX = $('.topTable').offset().left;
		var newPosX = 0;
		if(getScrollWindow() >= posX)
		{
			newPosX = getScrollWindow() - posX;
			$('.topTable').css('left', newPosX+'px');
		}
		$(window).scroll(function(){			
			if(getScrollWindow() >= posX)
			{
				newPosX = getScrollWindow() - posX;
				$('.topTable').css('left', -newPosX+'px');				
			}
			else if(getScrollWindow() < posX)
				$('.topTable').css('left', '0');
		});
       });

ЗЫ: я не вдавался что в этом коде происходит, просто логику поменял. У меня в хроме все работает отл.

[Naive]

position: fixed нельзя из-за горизонтального скролла

лол што? (10 символов)

[xDyPx]

http://jsfiddle.net/fjrTh/2/ - вот тут пример того, как дочерний div с position: fixed игнорирует overflow: scroll родительского div'a

а в целом, у меня на горизонтальный скролл родительского еще висит событие и притормаживать начинает при горизонтальной прокрутке

[Naive]

Сообщение от xDyPx

http://jsfiddle.net/fjrTh/2/ - вот тут пример того, как дочерний div с position: fixed игнорирует overflow: scroll родительского div'a

а в целом, у меня на горизонтальный скролл родительского еще висит событие и притормаживать начинает при горизонтальной прокрутке

Какая-то каша из вроде бы знакомых слов...
1. дочерний div с position: fixed игнорирует something родительского div'a.
position: fixed; по спецификации вырывается из потока элементов и всегда находится в контексте разметки окна/фрейма.
2. fixed игнорирует overflow: scroll

.parentBlock{
	width: 300px;
    border: 1px solid #aaa;
    overflow: scroll;
    margin-left: 100px;
    height: 100px;
    overflow:hidden;
}

тут ничего не смущает?