Build 一个网站,我必须通过javascript更新CSS的“左:”位置 . 但是在firefox和Edge中它会断断续续并且不会更新顺畅 .

$(function() {      
  $('#scroller').scroll(function(){    

    $('.main-titlebar, .main-tabsbar, .main-functionbar').css({
        'left': $(this).scrollLeft()    
    });          
  });
});

这是我更新css的方式 . 但似乎滚动事件中存在延迟或某些事情,所以我尝试了以下内容:

function scollPos() {
    var div = document.getElementById("scroller").scrollLeft;
    document.getElementById("strech").innerHTML = div;            
    document.getElementById("titlebar").style.left = div + "px";
}

只有这一点完全一样 . (希望这会更快) . 如何在所有浏览器中顺利进行?

该网站:http://dev.logic4.nl/test/

Gif动画chrome:http://dev.logic4.nl/test/chrome.gif

Gif动画边缘:http://dev.logic4.nl/test/edge.gif

Gif动画火狐:http://dev.logic4.nl/test/firefox.gif