<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<button id="fire-popup">Popup Trigger</button>
<div id="popup-container" class="full-layer">
<div id="popup-content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer mattis non massa vitae mollis. Suspendisse at pellentesque lacus. Nunc ante quam, congue sed egestas quis, porta sed metus.
</div>
<div id="popup-overlay" class="full-layer"></div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<button id="fire-popup">Popup Trigger</button>
<div id="popup-container" class="full-layer">
<div id="popup-content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer mattis non massa vitae mollis. Suspendisse at pellentesque lacus. Nunc ante quam, congue sed egestas quis, porta sed metus.
</div>
<div id="popup-overlay" class="full-layer"></div>
</div>
好吧,基本上这是这个概念:
现在有两种方法可以做到这一点。
✦(新编辑)创建一个具有所需样式的类以阻止页面滚动并在需要时切换该类(这是最佳实践):
✦ 或者直接将所需样式添加到元素中
.css()
1.创建处理程序类(新版):
2.添加
.css()
隐藏滚动直接到元素:使用此代码随意阻止滚动