允许水平移动的固定物体

这一点很难解释。我有一个网页，在页面上有一个固定的对象。对于大多数情况下，这将是很好，但现在移动设备的一天它会产生问题。当有人在网站上放大时，固定对象变得不符合要求。允许水平移动的固定物体

有没有办法让对象在锁定在屏幕上的垂直位置时在水平基座上移动？

的对象CSS

#sidebar{ 
    width: 250px; 
    height: 325px; 
    background: url(../../uploads/SRTWeert/sidebar.png) no-repeat 50px 45px; 
    position: fixed; 
}

的HTML

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head> 
</head> 
<body> 

<div id="bg"> 
<img src="uploads/SRTWeert/background.png" alt="background" id="background"> 
</div> 

<div id="contentBlock"> 
    <div id="sidebar"></div> 
    <div id="main"></div> 
</div> 


</body> 
</html>

来源

2013-05-31 s.lenders

您可以强制该div留在顶部和左侧属性在屏幕上。

每例如：

top: 20%; 
left: 0;

将迫使div来始终保持在左侧，从顶部20％。（必须有固定或绝对的位置）。

这是你想要的吗？

来源

2013-05-31 10:52:44 FLX

不，请尝试打开网站作为例子。放大或使您的屏幕非常小，然后使用您将看到的水平滚动 –

允许水平移动的固定物体

回答

相关问题