鍍金池/ 問答/HTML/ jquery怎么實(shí)現(xiàn)滑動選項(xiàng)卡,頂層遮罩固定,底層可以滑動的效果

jquery怎么實(shí)現(xiàn)滑動選項(xiàng)卡,頂層遮罩固定,底層可以滑動的效果

圖一:
clipboard.png

圖二:
clipboard.png

如圖所示,這是一個模態(tài)框,想做成的效果是有個固定的遮罩層,底層文字滑動的時候,遮罩層不動,如圖二,底層滑動經(jīng)過這個遮罩框的時候能變背景色,或者說遮罩層就是這個顏色 ,請問要怎么實(shí)現(xiàn)

回答
編輯回答
空白格

自己實(shí)現(xiàn)的話就是在模態(tài)框下加一個遮罩div,設(shè)置背景透明度backgaoround:rgba(0,0,0,0.75),使用position:fixed,top:0,left:0;bottom:0;right:0;這樣遮罩層就實(shí)現(xiàn)了。參考文章

要是想用第三方網(wǎng)上更多github上一搜一大片

2018年5月30日 06:18