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

Question

我无法让这两个元素固定在模态页面上。 (单击“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;
  }

Answer 1

我只制作了 .remodal-close，您可以使用这段代码轻松制作侧边栏。将此脚本添加到您的 js 文件中:

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

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