打开弹窗时给body增加overflow:hidden属性,导致滚动条消失,这时会使网页的内容往右移动一下,待弹窗打开滚动条再出现时,又会复原,视觉效果不友好。如果在有滚动条的情况下知道其宽度,给body增加padding-right属性就可以抵消这个便宜效果。
触发弹窗
最后,根据上面的脚本,触发弹窗的链接如下
<a href="#" data-target="myModal">Launch Demo Modal</a>
rel="rs-dialog"表示这是弹窗触发链接
data-target="myModal"表示要打开HTML ID为myModal的弹窗。
您可能感兴趣的文章: