如何使大型固定部分在移动设备上可滚动

Question

我正在开发一个网站，我有一个滑动条与人的照片，点击(使用和事件监听器)显示一个新的部分是在display:none上，它是100vh和100vw，这是伟大的桌面，但在移动设备上的文本不适合100vh，我想使它可滚动，但它是一个固定的部分，我不知道如何。

(这是一个客户端，所有的数据都是受保护的，但这是我的css现在:

@media(min-width: 768px){
#sectionFranck{
position:fixed!important;
background-color: #000000d9;
display:none;
width: 100vw;
height: 100vh;
z-index:20;
top:0;
left:0;
transition: 0.5s;
animation-name:opacity;
animation-iteration-count: 1;
animation-duration: 0.4s;
}}
@media(max-width: 768px){
#sectionFranck{
position:fixed!important;
background-color: #000000d9;
width: 100vw;
z-index:20;
display:none;
top:0;
left:0;
transition: 0.5s;
animation-name:opacity;
animation-iteration-count: 1;
animation-duration: 0.4s;
}}

我试过使用Height:auto或超过100vh，但没有什么使它可滚动。我在其他一些线程看到，它应该有助于使它绝对而不是固定，但它只发送它到页面的顶部，使用top:0，它仍然是不可滚动的。

高度:汽车;身高:150 vh;位置:绝对的;。

Answer 1

由于没有提供任何html代码，因此很难理解您到底想要做什么。话虽如此，您是否尝试过在想要可滚动的部分周围放置<div>元素?这样的话，你可以把外部div设置为100vh，内部div设置为你想要的高度，之后你可以在内部div上使用overflow-y: scroll，这样你就可以滚动内容了。