Question

建立一个网站，我必须通过javascript更新css“Left：”位置。但是在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动画Firefox：http://dev.logic4.nl/test/firefox.gif

Scrollleft功能改变css越野车[Edge＆amp;火狐]

0 个答案: