定位绝对边界？

Question

我在下面提供了一个示例，完整地说明了我所要求的内容。

我想知道从哪里开始这样的事情。我想在滚动时将元素定位为居中但不知何故尊重某种边界。就像这个例子（它是一个大世界找到你的方式文本框）：https://ueno.co/work/lonely-planet

我确实知道position:absolute，float:left并将其水平居中。但我不知道他如何让这个盒子只滚动有限的数量。

我真正需要的是一个开始的地方，是否有任何教程？提示？地点开始？我已经使用了标识符，但我只是迷失了。这在我建立的网站上看起来很棒。

任何回复都会非常有帮助！如果需要，我可以提供我在squarespace工作的网站的链接，现在我只需要一个方向。

EXAMPLE

Answer 1

此时，使用纯CSS无法实现您想要的功能。您展示的示例使用React框架：https://facebook.github.io/react/

如果您有时间，并且想要以同样的方式执行此操作，则可以按照该网站上的教程进行操作。