用opcity做动画，值为0时仍然可以点击元素，解决方法

简介

为了动画性能，用opcity做动画时，当他的值为0的时候这些元素虽然看不见但是仍然可以点击，如果这些元素上添加事件监听那么可能会产生bug

解决方法

解决这个问题必须了解上面的元素的属性

解决方法其实很简单就是在opcity为0的时候同时把visiblity这个属性值设置为hidden,值为1时设置为visible这样并不会是动画丢失

.xxx{
    opacity: 0;
    visibility: hidden;
    transition: all 2s;
    &.autoComplete-pop-show {
      opacity: 1;
      visibility: visible;
    }
  }