解决方法
它的一个简单的技术使用脚本也。你也可以检查演示
here。
JQuery
$(window).scroll(function(){
$('#header').css({
'left': $(this).scrollLeft() + 15
//Why this 15,because in the CSS,we have set left 15,so as we scroll,we would want this to remain at 15px left
});
});
CSS
#header {
top: 15px;
left: 15px;
position: absolute;
}
更新信用：@ PierredeLESPINAY
如所评论的，使脚本支持css中的更改，而不必在脚本中重新编码。您可以使用以下命令。
var leftOffset = parseInt($("#header").css('left')); //Grab the left position left first
$(window).scroll(function(){
$('#header').css({
'left': $(this).scrollLeft() + leftOffset //Use it later
});
});
