如何滚动到100vh div,然后在其内容内滚动

时间:2018-12-05 12:31:27

标签: html css scroll

我需要实现类似电影学分的功能,但是要滚动显示,所以文本要从下到上,但是首先我必须滚动到该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>

0 个答案:

没有答案