Jquery实现遮罩层效果

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

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

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

参考资料:overflow属性

推荐阅读更多精彩内容

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