Jquery实现遮罩层效果

当鼠标移入图标时，图标会变色
点击会出现如图二维码
HTML部分代码：#bg是背景层，.box是二维码部分
JQ部分：分为两个函数
CSS部分

上述代码发现遮罩层出现之后，其还能通过鼠标滚轴滚动，遂想添加效果让其定住不滚动（即让浏览器的滚轮消失），可在jq内添加如下内容：

参考资料：web端和移动端阻止遮罩层的滑动

参考资料：overflow属性

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,909评论 25赞 708
  • 只是一个开始……
    终于开始了 在很久以前 朋友推荐的一个可以记录自己各种各种的不错平台 当时觉得 诶 还真不错 每天记录自己的收获与...
    rena酱阅读 158评论 0赞 0
  • 清明时节
    小长假第二天…心情还是无法释怀…有压抑有自卑 有懊悔 人总是一个复杂的情感动物 时常会怀念过去 对未来却又颇感迷茫...
    且听风吟_7380阅读 241评论 1赞 1
  • 刘Y楠眼界：
    1， 我太浮了。 用心 不燥 之道。 2, 最突出的 贡献 ¿¿¿ 3, 云猴网。 商品 来源。农场。 4, 我...
    FlyTheKite阅读 134评论 1赞 0
  • 有一种离开，情非得已
    一早起来，急忙打开电脑赶制一个图。无意间看见一篇文，关于华为，关于离开。 虽说我与华为没有什么关系，可由于华为是妹...
    一缕清风袭来阅读 297评论 6赞 5