[jQuery] Scrolling Table sets scroll position in overfloe:hidden div - Scroll is lagging
Hello,
I have a div with a table inside. The div is set to a width and an
overflow of auto. Scroll works great.
The problem is, I have set an event on the div to check when it is
scrolling. I take the scrollTop() function and assign it to the
scrollTop() of another div with a css property of overflow:hidden.
When I scroll the the scrollable div the other div scrolls too but it
lags about 1 to two pixles behind.
Does anyone know how to make it scroll correctly without a lagg?
Thanks
var scrollheight = 0;
var scrollHorz = 0;
$('div#tablewrap').scroll(function(){
scrollheight = $(this).scrollTop();
scrollHorz = $(this).scrollLeft();
$('div#fixed-horz-scroll').scrollTop(scrollheight); // This becomes
very jerky
$('div#productsDiv').scrollLeft(scrollHorz); // This becomes very
jerky
});