2022年3月8日遇到的问题

问题一：如何让当前容器内不出现滚动条，但是容器内可以滚动

解决方法（来自我的百度，侵删）：

（1）给当前容器添加如下两个css属性，目的是为了，让当前容器出现滚动条

  overflow: hidden;
  overflow-y: scroll;

（2）将当前容器的滚动条宽度设为0，即可让滚动条消失（ul）为当前容器

 ul::-webkit-scrollbar {
  width: 0;
}

问题二：使用leaflet插件时，如何修改提示工具的背景色，字体颜色

解决方法（来自我的谷歌，侵删）：

.leaflet-tooltip {
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  border: none;
  font-size: 14px;
  box-shadow: none;
}
//leaflet-tooltip这个类就是leaflet内的工具提示的样式

问题三：.jQuery对元素添加点击事件，点击之后会触发两次

解决方法（来自我的百度，侵删）：

//原因：据说是因为事件冒泡，所以触发了多次。解决方法很简单，只需要在click方法前加
//一个unbind("click")

问题四：.js怎么监听全屏模式下退出全屏的事件

解决方法（来自我的谷歌，侵删）：

  document.addEventListener("fullscreenchange", exitHandler);
  document.addEventListener("webkitfullscreenchange", exitHandler);
  document.addEventListener("mozfullscreenchange", exitHandler);
  document.addEventListener("MSFullscreenChange", exitHandler);

  function exitHandler() {
    if (
      !document.fullscreenElement &&
      !document.webkitIsFullScreen &&
      !document.mozFullScreen &&
      !document.msFullscreenElement
    ) {
      //触发事件要处理的事情
    }
  }