我可以使用位置：垂直固定和位置：水平绝对？

Question

我的页面底部有一些文字，上面写着“由我建造”。我把它放在离窗户底部和左边35px的固定位置，所以当你滚动时它会移动。我真正想要的是垂直固定它，所以当你向上和向下滚动时它会移动，并且总是距离窗口底部35px，但是它距离页面的左边缘（不是屏幕）35px，所以它当你水平滚动时不会移动。我检查了这个解决方案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>

非常感谢您提供的任何指示，因为我无法为我的生活找到如何只在一个轴上修复它？

戴夫

Answer 1

保留固定的div。

并使用以下javascript代码来处理水平移动。

$(window).scroll(function(){
  $('.fixed_div').css('left',-$(window).scrollLeft());
});

Answer 2

我认为实现此目的的唯一方法是使用position: fixed;并在页面加载时计算left的值，或者通过确定“页面”的左边缘落在哪里然后添加35px来调整大小它。如果您希望我详细说明，请告诉我。