带有长标题的静态标题滚动体

Question

这是我到目前为止所做的一些示范：

http://jsfiddle.net/pawLs132/3/

fictive "code" required to post this question

基本上，我想要一个比视点更长的静态标题，但我希望文本适合设置的宽度，这样当您向右滚动时，将显示文本的其他部分。 （在此示例中，这意味着我希望“这应该始终是可见的，并且当您s时”部分最初是可见的，并且您必须向右滚动才能看到标题的另一部分） 我也希望这样做，以便在滚动正文时像现在一样在标题容器内看不到正文文本的任何部分。预先感谢。

Answer 1

在标头上使用position:fixed的固定宽度

.on-top {
    position: sticky;
    top: 0;
    overflow-x: scroll;
    white-space: nowrap;
    width: 305px;
    background: white;
}

确保身体的顶部有边缘以防止重叠

.inner {
    margin-top: 3em;
}