模态中不固定的固定元素

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

我只做了.，您可以使用这段代码轻松地创建一个侧栏。将此脚本添加到js文件中：

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

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