关于吸顶

Question

老师你这个实现的吸顶还是有点太唐突了。比如导航栏是突然上去的，然后就是会遮住了内容的一小部分

Answer 1

慕仔4607872 2021-02-23 19:33:06

position: sticky; // fix改成这个就好了

Answer 2

慕粉1117215322 2020-06-19 08:44:15

因为需要吸顶的模块用了flexd浮动，所以样式生效时就脱离了原本的文档流，会突然缺少一块导致跳动，可以在需要浮动的外层再加一个空的DIV设置好高度就不会这样了

Answer 3

河畔一角 2019-12-30 17:28:56

没有突然吧，这个根据滚动的高度和导航条的高度计算，满足以后加上的，你看下线上部署那个，自然吸顶，不会很生硬的突然吸顶。遮住内容可能是旁边的阴影有点遮挡…

• 提问者 RadiomM #1

  就是线上的，可能是滚动的太快的原因，确实很唐突，但是有挡住一点内容是真的，线上的我是看过的

• MRNUR #2

  老师，我想把吸顶做成动画效果，然后在 &.is_fixed 里面加 transition: all 2s; 没什么用，能不能讲一下如果把吸顶过程做成动画效果要怎么写

• 河畔一角 回复 MRNUR #3

  这个没有必要加动画，因为滚动到那个位置，自然就停住了，这和弹框不一样。动画是从A变成B的过程，但是吸顶没有太大的动画空间。