关闭边栏(ESC)打开边栏(ESC)
使用遮罩层效果时，发现遮罩层下面的内容还是会发生滚动，为了阻止遮罩层后页面的滚动，找了许久，无意间发现了有这样的一个解决方法，挺方便的。
添加一个样式：
|
1 |
.overhide{overflow: hidden;height: 100%;} |
jquery:
|
1 2 3 4 5 6 7 8 |
$("弹出层的按钮").click(function(){ $('html,body').addClass('overhide'); //使网页不可滚动 $(".box").show(); }) $(".box-close").click(function(){ $('html,body').removeClass('overhide'); //使网页恢复可滚 $(".box").hide(); }) |
其实就是为html,body添加一个样式，使得弹出层时，他们的高是100%，并且overflow:hidden
CSS搭配JS无所不能
这个还好解决，现在有个难题，不知你有没有遇到过：就是我的轮插图在手机上，左右滑动会触发手机浏览器本身的滑动功能，导致返回的，加了：event.preventDefault();后是可以正确左右滑动了，可是上下滑动，也影响了，上下不能滑动网页了，郁闷。
目前没有遇到，因为我没有搞轮播图，这个貌似是传说中的Android滑动冲突？