如果我在点击相应的链接之前先滚动页面，弹出窗口会出现在错误的位置

Question

直播网站 - http://uposonghar.com/new-video/

请悬停嵌入的YouTube视频，然后您会看到2个共享按钮，一个用于Facebook＆amp;一个用于Twitter，点击该链接即可显示即时共享JavaScript窗口。 2秒后出现另一个弹出窗口。

我的问题是第二次弹出。如果我在点击共享按钮之前滚动页面，那就不会出现在正确的位置（如果我点击共享按钮而不滚动页面，那就完美了。）

检查此屏幕截图（我在点击分享按钮之前滚动页面） -

我的代码 -

 #reveal-modal-bg {
 position: fixed;
 height: 100%;
 width: 100%;
 background: #000;
 background: rgba(0,0,0,.8);
 z-index: 100;
 display: none;
 top: 0;
 left: 0;
}
.reveal-modal {
 visibility: hidden;
 top: 100px;
 left: 50%;
 margin-left: -300px;
 width: 520px;
 background: #eee;
 position: fixed;
 z-index: 101;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
 -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
 -box-shadow: 0 0 10px rgba(0,0,0,.4);
 text-align:center;
 padding:20px 15px 30px;
}

Answer 1

编辑1

从top div移除#myModal内联CSS属性并保持.reveal-model位置fixed

 .reveal-modal {
 position: absolute;
}