隱藏在滾動條後面的jQuery模式按鈕

我已經將滾動條添加到jQuery彈出模式，現在它覆蓋了我的關閉按鈕。有人可以解釋如何將按鈕向前滾動到滾動條的前面。提前致謝。隱藏在滾動條後面的jQuery模式按鈕

前：

後：

的CSS：

/* Close Button */ 
.popup-close { 
    width:30px; 
    height:30px; 
    padding-top:4px; 
    display:inline-block; 
    position:absolute; 
    top:0px; 
    right:0px; 
    transition:ease 0.25s all; 
    -webkit-transform:translate(50%, -50%); 
    transform:translate(50%, -50%); 
    border-radius:1000px; 
    background:rgba(0,0,0,0.8); 
    font-family:Arial, Sans-Serif; 
    font-size:20px; 
    text-align:center; 
    line-height:100%; 
    color:#fff;; 
} 

.popup-close:hover { 
    -webkit-transform:translate(50%, -50%) rotate(180deg); 
    transform:translate(50%, -50%) rotate(180deg); 
    background:rgba(0,0,0,1); 
    text-decoration:none; 
} 

.popup-inner { 
    color: black; 
    height: 500px; 
    overflow-y: auto; 
    overflow-x: hidden; 
    position: fixed; 
}

HTML：

<div class="popup" data-popup="popup-1"> 

    <div class="popup-inner"> 

     <p> content</p> 

     <p><a data-popup-close="popup-1" href="#">Close</a></p> 
     <a class="popup-close" data-popup-close="popup-1" href="#">x</a> 
    </div> 
</div>

來源

2017-04-17 Jordan Wood