我在页面底部有一些文字，其中说“由我打造”。我将其固定在距离窗口底部和左侧35px的固定位置，以便它在滚动时移动。我真正想要的是将其垂直固定，以便它在上下滚动时移动，并且始终与窗口底部保持35px距离，但要使其与页面(而不是屏幕)的左边缘保持35px的距离当您水平滚动时它不会移动。我 checkout 了此解决方案Position element fixed vertically, absolute horizontally，但不幸的是，它似乎对我不起作用。仅供引用，我目前正在使用以下代码将其固定在顶部和底部，这可以正常工作(但在水平滚动时也会移动):
#sticky {
position: fixed;
bottom: 35px;
left: 35px;
width: 206px;
padding: 0;
font-size: 0.6875em;
}
*html #sticky {
position: absolute;
bottom: 0px;
}
<div id="sticky">
Built by Me
</div>
非常感谢您可以提供的任何指针，因为我一生无法解决如何将其固定在一个轴上的问题？
戴夫
最佳答案
我相信实现此目的的唯一方法是使用position: fixed;并在页面加载或调整大小时计算left的值，方法是确定“页面”的左边缘在何处掉落，然后向其添加35px。如果您想让我详细说明，请告诉我。
关于css - 我可以使用位置: fixed vertically and and position: absolute horizontally?，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4819828/