Javascript 模式窗口直到底部才滚动

我使用css、html和JavaScript创建了一个模式

问题是它不会滚动到最底部 为了更好地参考，我在模式窗口中添加了数字1到100 出于某种原因，它只会滚动到96，不会再滚动

请有人提出一些可以解决这个问题的编码修改建议（我是一个新手，但我想这可能是在css中完成的事情）

然而，我在这里附上代码

$（函数（）{
//获取打开模式对话框的按钮
//读取任何类型的所有控件，该控件的类为模态按钮
var btn=document.queryselectoral（“.modal按钮”）；
//所有页面模态
var modals=document.querySelectorAll（'.modal'）；
//获取关闭模态的元素
var span=document.getElementsByClassName（“关闭”）；
//当用户单击该按钮时，打开模式对话框
对于（变量i=0；i

@导入url（'https://fonts.googleapis.com/css?family=Quicksand&display=swap');
/*模态（背景）*/
.莫代尔{
字体系列：“流沙”，无衬线；
显示：无；
/*默认情况下隐藏*/
位置：固定；
/*原地不动*/
z指数：1；
/*坐在上面*/
填充顶部：100px；
/*盒子的位置*/
左：0；
排名：0；
宽度：100%；
/*全宽*/
身高：100%；
/*全高*/
溢出：自动；
/*如果需要，启用滚动*/
背景色：rgb（0,0,0）；
/*退色*/
背景色：rgba（0,0,0,0.4）；
/*黑色w/不透明度*/
}
/*模态内容*/
.模态内容{
颜色：白色；
位置：相对位置；
背景色：#171B20；
保证金：自动；
填充：0；
边框：1px实心#888；
宽度：80%；
盒影：0 4px 8px 0 rgba（0,0,0,0.2），0 6px 20px 0 rgba（0,0,0,0.19）；
-webkit动画名称：animatetop；
-webkit动画持续时间：0.4s；
动画名称：animatetop；
动画持续时间：0.4s
}
/*添加动画*/
@-webkit关键帧动画顶点{
从{
顶部：-300px；
不透明度：0
}
到{
排名：0；
不透明度：1
}
}
@关键帧动画顶点{
从{
顶部：-300px；
不透明度：0
}
到{
排名：0；
不透明度：1
}
}
/*关闭按钮*/
.结束{
颜色：F0B823；
浮动：对；
字体大小：40px；
字体大小：粗体；
}
.关闭：悬停，
.结束：聚焦{
颜色：#fff；
文字装饰：无；
光标：指针；
}
.模态标题{
填充：2x16px；
背景色：#171B20；
颜色：F0B823；
}
.模态体{
填充：2x16px；
}
.模态按钮{
字体系列：“流沙”，无衬线；
背景色：#171B20；
边界：无；
颜色：白色；
填充：8px 16px；
文本对齐：左对齐；
文字装饰：无；
显示：内联块；
字体大小：16px；
利润：4倍2倍；
-webkit转换持续时间：0.4s；
/*狩猎*/
过渡时间：0.4s；
光标：指针；
宽度：自动；
字体大小：200%；
}
.模式按钮：悬停{
背景色：#171B20；
颜色：F0B823；
}
图{
保证金：自动；
显示：块；
高度：自动；
宽度：60%；
}
.标题文字{
字体系列：“流沙”，无衬线；
显示：块；
文本对齐：居中；
字体大小：30px；
}
.正文{
字体系列：“流沙”，无衬线；
显示：块；
填充：10px；
}
@媒体屏幕和屏幕（最小宽度：767px）{
图{
保证金：自动；
显示：块；
高度：自动；
宽度：35%；
}
}
p{
显示：块；
保证金：0；
}

•点击我
×
模态头

1
2
3
4
5
6
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
35
36
38
43
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63

64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
96
97
98
99
100

问题在于，您对

.modal

元素应用了100%的高度，并在顶部应用了100px的填充。一种解决方案是将

框大小：边框框

应用于

。模式

或尝试高度和填充百分比，使总和不会超过100%，或者尝试设置底部偏移量

添加

框大小：边框框到你的
。模型
类将给你期望的结果


$（函数（）{
//获取打开模式对话框的按钮
//读取任何类型的所有控件，该控件的类为模态按钮
var btn=document.queryselectoral（“.modal按钮”）；
//所有页面模态
var modals=document.querySelectorAll（'.modal'）；
//获取关闭模态的元素
var span=document.getElementsByClassName（“关闭”）；
//当用户点击枪托时