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