Question

这个很难解释。我的网站上有一个固定的对象。对于大多数情况来说这没什么问题，但是现在移动设备已经出现了问题。当有人放大网站时，固定的对象就会变得格格不入。

有没有办法让物体在水平基座上移动，同时被锁定在屏幕上的垂直位置？

对象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>

Answer 1

您可以使用左上角和左侧属性强制此div保留在屏幕上。

每个例子：

top: 20%;
left: 0;

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

这就是你想要的吗？

固定物体允许水平移动

1 个答案: