填坑备忘录(二)

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``
           
## 不定期更新,敬请期待 ##
posted @ 2019-06-17 11:20  Lafitewu  阅读(107)  评论(0编辑  收藏