javascript - 显示模态外部可见的整个关闭按钮

Question

我想显示完整的关闭按钮/文本，同时保持模态的位置:固定和溢出:滚动如果我用溢出:滚动替换溢出:可见它完全显示但停止滚动模态和模态内容。

<div id="root_component">
       <div class="modal" >
               <a class="modal-close btn-floating btn-small 
                   waves-effect waves-light right clearfix">
                        <i class="material-icons">cancel</i>
                    </a>
          <div class="modal-content"></div>
     </div>    
</div>



.modal {
        width: 80% !important;
        overflow-y: scroll;
        z-index: 1003;
        display: block;
        opacity: 1;
        transform: scaleX(1) scaleY(1);
        position: fixed;
        padding: 0;
        margin: auto;
        border-radius: 2px;
    }
    #root_component .clearfix {
        position: absolute;
        right: -16px;
        top: -16px;
        z-index: 100;
    }

image attached

Answer 1

为什么要在 .modal 上启用溢出？在 .modal-content 上启用它似乎更合适，如果我理解正确的话，这将解决您的问题。