打开/关闭模态时防止内容移位

Question

请参考http://imdarrien.com/#

当您打开模式，说出配置文件，然后使用esc再次关闭它时，您可以看到重新添加侧边栏时内容会向左移动。我该如何防止这种转变？我尝试将overflow-y:visible添加到html中，但仍然会发生转变。

Answer 1

当您点击打开弹出窗口时，remodal-is-locked已添加到html标记。淡出动画结束后删除了班级。

问题是当您关闭弹出窗口时，html＆＃39; overflow:hidden仍然存在，因为类remodal-is-locked所以在这种情况下两个滚动条（html或者popup）正在展示，因此内容处于特定位置。在动画结束之后，你删除了课程html＆＃34;得到＆＃34;他的scollbar又来了。

P.S。问题出在remodal.min.js脚本中，因此您必须编辑此文件。我尽量将你指向特定的地方，尽管剧本已经缩小了。

红色 - close功能。

绿色 - 动画结束后的回调函数 。

blue - 从html中删除类remodal-is-locked的函数。

解决方案

在开始淡出动画时删除课程。 （紫色箭头）