都说前端上限高于天,奈何做出特效卡成翔。这不,Sogou搜索与CSDN的前端“门面”上,一个大BUG赫然显示于诸君面前,滚动的时候,页面的Y轴偏移不是连续变化的,而是在顶部硬生生地跳过了一段距离,造成页面上下横跳的BUG,严重影响用户体验。
什么,你觉得这样的BUG很小,甚至根本算不上什么?我的天哪,每次打开首页、每次浏览正文、每次搜索、每次翻页,此BUG都会往你脸上呼,如此大胆而嚣张的BUG,哪里还小了?
禁用搜狗搜素的悬浮搜索栏
.headsearch{
position: unset!important;
}
.header.headsearch {
padding:12px 0 45px!important;
}
.searchnav, .top-bar {
display: block!important;
}
.top-hintBox {
display: unset!important;
}
禁用CSDN的悬浮标题栏
#csdn-toolbar{
position: relative!important; top: 0px!important; left: 0px!important; width: 100%!important;
}
(只能算是临时方案,需要粘贴到Stylus等浏览器的样式管理扩展上使用,通过禁用悬浮特效的方式,彻底解决此问题。)
这个故事告诉我们,用胸怀天下的心搭建框架后,千万不要用脚写BUG!
千万不要用脚写BUG!
千万不要用脚写BUG!
千万不要用脚写BUG!
千万不要用脚写BUG!
千万不要用脚写BUG!
千万不要用脚写BUG!