填坑备忘录（二）

2019年填坑备忘录（二）

1.css隐藏滚动条

场景：做tab滑动效果时，可采用css的溢出滚动实现，但怎么隐藏掉那个自带的滚动条呢？
解决办法： .inner-container::-webkit-scrollbar {display: none;}
关键代码：::-webkit-scrollbar {display: none;}

2.移动端点击链接触发颜色块

场景：但移动端有点击事件，点击的瞬间会有一个色块，长按也会出现。
解决办法：在html样式下加入-webkit-tap-highlight-color:rgba(0,0,0,0);
关键代码：-webkit-tap-highlight-color:rgba(0,0,0,0);

3.js倒计时切换窗口时间偏差

场景：现在浏览器，除了ie8及以下的浏览器，当你切换标签页面时，浏览器会自动清除本页面的js缓存
解决办法：document.addEventListener("visibilitychange", function(){ if(document.hidden){ //这里写切换到后台的时候要保存的东西 }else{ //这里写重后台返回来的时候触发的方法 } });
关键代码：visibilitychange

不定期更新，敬请期待

转载于:https://www.cnblogs.com/lafitewu/p/11038675.html