Jquery -webkit溢出滚动:触摸Firefox

Jquery -webkit溢出滚动:触摸Firefox,jquery,html,css,firefox,Jquery,Html,Css,Firefox,我想让-webkit-overflow滚动:touch在firefox上运行,以获得一个smoothwheel脚本。它只适用于Safari和Google Chrome。我不知道为什么,但它在“关于”一栏有效。为什么 HTML: <button> CLICK </button> <div id="home"> Hello </div> <div id="about"> <span>This is about!</

我想让-webkit-overflow滚动:touch在firefox上运行,以获得一个smoothwheel脚本。它只适用于Safari和Google Chrome。我不知道为什么,但它在“关于”一栏有效。为什么

HTML:

<button> CLICK </button>

<div id="home"> 
  Hello
</div>
<div id="about"> <span>This is about!</span></div>

-webkit-
前缀仅适用于webkit浏览器。Firefox不是WebKit浏览器。它们是解决方案吗?您可以查看。它声明Firefox不受支持,所以我怀疑您是否能在Firefox上使用该特定属性。
body {
  margin:0;
   -webkit-overflow-scrolling: touch;
   overflow:hidden;

}

#home {
  font-size:140px;
  height:1200px;
  width:100%;
  position:absolute;
}

button {
  position:fixed;
  z-index:3;
  font-size:30px;
  right:30px;
  top:30px;
}

#about {
  position:fixed;
  color:white;
  height:100%;
  overflow-y: scroll;
  width:100%;
  top:0;
  left:0;
  visibility:hidden;
  font-size:140px;
  overflow:hidden;
  background-color: rgba(0, 0, 255, 0.5);

}

#about span {
  position:relative;
  display:block;


}