CSS-使固定模式响应

我用CSS创建了一个弹出窗口，当我在移动设备上检查它时，我无法向下滚动

.popup{
位置：固定；
左：0；
右：0；
最高：20%；
宽度：100%；
最大宽度：500px；
保证金：自动；
背景：#fff；
填充：40px；
文本对齐：居中；
盒影：0 0 90像素#aaa；
z指数：410；
}

登录
Lorem ipsum dolor sit amet，奉献精英。德莱尼蒂·努拉·费加。Natus suscipit，vel non，quaerat，在协商会议上被指控。奎布斯丹·普罗维登特·桑特·阿迪皮西、易懂的多洛里巴斯、康塞特图尔、自由与现状错误。Nisi，laboriosam illum sapiente enim实习！除发明人以外，其他非流动性实体甚至可以在任何情况下进行验证，以确保其能够根据设备的特性进行透明化。例如，如果你的身体不好，你的身体不好，你的身体不好，你的身体不好，你的身体不好！建筑设计师设计了一个最大化的必要性。我们是否可以将真实性最大化作为我们的代表，是否可以让我们的消费者在动物实验中获得同样的体验？Illum nisi odit voluptatum corporis accusantium ab，libero，dolorum Nescium maiores准别名。多洛雷：嗨，维罗。铜酸盐天鹅绒错误临时同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧！在动物的理性上，我们需要一种精神上的力量，一种精神上的力量，一种精神上的力量。在平等意识的赞扬下，你是否能解释一下，在非最低限度自由的前提下，你是否能接受最大限度的自由？圣塔塞德流动贵族

下面我给出了HTML滚动条的代码，看看这是否允许看到整个弹出窗口：

<div id="" style="overflow-y: scroll; height:400px;">

---

您需要根据自己的喜好更改高度。

需要

高度

例如

50%

，然后使用

溢出：自动

与

位置一起工作：固定

.popup {
        height: 50%;
        overflow: auto;
        position: fixed;
        left: 0;
        right: 0;
        top: 20%;
        width: 100%;
        max-width: 500px;
        margin: auto;
        background: #fff;
        padding: 40px;
        text-align: center;
        box-shadow: 0 0 90px #aaa;
        z-index: 410;    
    }

由于它是一个弹出窗口，我假设
位置
不需要固定

。只需将您的

位置

更改为

绝对位置

.popup{
位置：绝对位置；
左：0；
右：0；
最高：20%；
宽度：100%；
最大宽度：500px；
保证金：自动；
背景：#fff；
填充：40px；
文本对齐：居中；
盒影：0 0 90像素#aaa；
z指数：410；
}

登录
Lorem ipsum dolor sit amet，奉献精英。德莱尼蒂·努拉·费加。Natus suscipit，vel non，quaerat，在协商会议上被指控。奎布斯丹·普罗维登特·桑特·阿迪皮西、易懂的多洛里巴斯、康塞特图尔、自由与现状错误。Nisi，laboriosam illum sapiente enim实习！除发明人以外，其他非流动性实体甚至可以在任何情况下进行验证，以确保其能够根据设备的特性进行透明化。例如，如果你的身体不好，你的身体不好，你的身体不好，你的身体不好，你的身体不好！建筑设计师设计了一个最大化的必要性。我们是否可以将真实性最大化作为我们的代表，是否可以让我们的消费者在动物实验中获得同样的体验？Illum nisi odit voluptatum corporis accusantium ab，libero，dolorum Nescium maiores准别名。多洛雷：嗨，维罗。铜酸盐天鹅绒错误临时同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧！在动物的理性上，我们需要一种精神上的力量，一种精神上的力量，一种精神上的力量。在平等意识的赞扬下，你是否能解释一下，在非最低限度自由的前提下，你是否能接受最大限度的自由？圣塔塞德流动贵族

弹出窗口上的位置是否需要固定？将其更改为

absolute

？下次，请将所有相关代码包含在问题本身中，而不是在第三方网站上。看，没问题。很乐意帮忙