<style type="text/css">
.body_scroll {
overflow: hidden;
}
</style>
<script type="text/javascript">
$(".shop_spec").click(function(){
$("body").addClass("body_scroll");//给body加入禁止滚动
$("classA,classB").show();
});
$("classC,classA").click(function(){
$("body").removeClass("body_scroll");//清楚禁止页面滚动
$("classA,classB").hide();
});
//点击弹出窗口禁止页面滚动后,下面的方法可以禁止手机浏览器的滚动
$('body').on('touchmove', function (event) {
event.preventDefault();
});
</script>
博客给出了页面滚动禁止与恢复的代码实现。通过CSS设置类样式,利用JavaScript在点击元素时给body添加或移除类来禁止或恢复页面滚动,还给出了禁止手机浏览器滚动的方法。
484

被折叠的 条评论
为什么被折叠?



