javascript - 模态中的固定元素不会保持固定

我无法将这两个元素固定在模式页面上。 （单击“ modal＃2”上方的图像图标）https://jsfiddle.net/gkrh0ok0/

HTML：

<div class="sidebarRightWork">Information</div>
<button class="remodal-close" data-remodal-action="close"></button>

CSS：

.remodal-close {
cursor: pointer;
-webkit-transition: color 0.2s;
transition: color 0.2s;
z-index: 9;
width: auto;
left: 5%;
position: fixed;
top: 50%;
color: #95979c;
border: 0;
outline: 0;
background: transparent;}

.sidebarRightWork {
right:3%;
position:fixed;
top:50%;
z-index:10;
  }

最佳答案

我只设置了.remodal-close，您可以使用此代码简化边栏。
将此脚本添加到您的js文件中：

$('.remodal').scroll(function() {
     var a=$('.remodal').scrollTop();
        a = a += 290;
     $('.remodal-close').css('top', a+'px');
});

演示：
https://jsfiddle.net/gkrh0ok0/3/