我需要实现类似电影学分的功能,但是要滚动显示,所以文本要从下到上,但是首先我必须滚动到该div(100vh)并仅在屏幕上满载时滚动它。
在这里举一个例子,我有一个300vh的主体,所以任何部分都具有100vh,在滚动100 vh开始加载div之后,但是它滚动了div上的内容。
所以首先我要滚动主体(200vh),然后如果加载了.container,则开始在div内滚动,这里的文本必须从下到上。(因此,从-100vh滚动到100vh外部底部到外部顶部
以下是iphone网站上的示例:https://www.apple.com/it/iphone-xs/文本在哪里:
A12仿生。 Ancorapiùintelligenza。
无论如何the fiddle
.container{
height:100vh;
border: solid 1px black;
overflow: auto;
}
.container1{
height:100vh;
}
.textOut{
margin-top:110vh;
}
body{
overflow: auto;
height:300vh;
}
<body>
<div class="container1">
</div>
<div class="container">
<p class="textOut">
Ok
</p>
</div>
</body>