Javascript 查看模式文件时停止滚动
我已经通过松散地跟随做了一个模态。问题是我不想在显示模式时滚动页面的其余部分。如何做到这一点？您可以让正文溢出：隐藏！快速提示：您需要删除模式关闭时隐藏的溢出Javascript 查看模式文件时停止滚动,javascript,jquery,css,modal-dialog,Javascript,Jquery,Css,Modal Dialog,我已经通过松散地跟随做了一个模态。问题是我不想在显示模式时滚动页面的其余部分。如何做到这一点？您可以让正文溢出：隐藏！快速提示：您需要删除模式关闭时隐藏的溢出 //获取模式 var modal=document.getElementById（“myModal”）； //获取打开模式对话框的按钮 var btn=document.getElementById（“myBtn”）； //获取关闭模态的元素 var span=document.getElementsByClassName（“关闭”）[
//获取模式
var modal=document.getElementById（“myModal”）；
//获取打开模式对话框的按钮
var btn=document.getElementById（“myBtn”）；
//获取关闭模态的元素
var span=document.getElementsByClassName（“关闭”）[0]；
//当用户单击该按钮时，打开模式对话框
btn.onclick=函数（）{
modal.style.display=“块”；
document.body.style.overflow=“隐藏”；
}
//当用户单击（x）时，关闭模式对话框
span.onclick=函数（）{
modal.style.display=“无”；
document.body.style.overflow=“自动”；
}
//当用户单击模式之外的任何位置时，将其关闭
window.onclick=函数（事件）{
如果（event.target==模态）{
document.body.style.overflow=“自动”；
modal.style.display=“无”；
}
}body{font-family:Arial、Helvetica、sans-serif；}
/*模态（背景）*/
.莫代尔{
显示：无；/*默认情况下隐藏*/
位置：固定；/*保持原位*/
z指数：1；/*位于顶部*/
填充顶部：100px；/*框的位置*/
左：0；
排名：0；
宽度：100%；/*全宽*/
高度：100%；/*全高*/
溢出：自动；/*根据需要启用滚动*/
背景色：rgb（0,0,0）；/*回退色*/
背景色：rgba（0,0,0,0.4）；/*黑色w/不透明度*/
}
/*模态内容*/
.模态内容{
背景色：#fefe；
保证金：自动；
填充：20px；
边框：1px实心#888；
宽度：80%；
}
/*关闭按钮*/
.结束{
颜色：#AAAAA；
浮动：对；
字号：28px；
字体大小：粗体；
}
.关闭：悬停，
.结束：聚焦{
颜色：#000；
文字装饰：无；
光标：指针；
}模态示例
开放模态
&时代；
模态中的一些文本
我的同僚坐在那里，我的脸上写着我的名字。我想，在海上，我们可以用争论的方式来讨论这个问题。他提名了伊朗的敏感度、便利度、封建自由主义者和欧盟。每一个分子都有一个直径，这是一个完整的分子。
Porro ornatus eu per，altera vocent廉洁ea eam，eum eu eleifend voluptatum。欧盟实验室eos。Dolore voluptua iudicabit et his，ius voluptua tacimates Valpat ad.Facer提名智者，一个全新的团队。
前eos vero explicari，根据分子脚本，与其他组成部分相比，在。他所说的是拉丁语，也就是拉丁语。特别是在适应环境方面，它有一个令人满意的对手。
Mel id scripta reprehendunt。这是一个不寻常的秋天，在科蒂迪克岛上没有。亲拉丁美洲人pericula上诉人，te qui fabellas gubergren intellegat。我有自己的想法，在我的实验室召开会议，在我最重要的时候。
亲欧盟的民粹主义。我想解释一下欧盟。海-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧。不，这是中庸的。Integre deletus mei cu，ex ius meis magna expendenda.