maoshen5478的博客

原创 样式穿透和实现固钉效果

样式穿透和实现固钉效果最近在写代码时遇到一个问题，就是我想要实现一个固钉效果，让某个元素在超过屏幕时会悬浮在屏幕上的某个位置。这就类似与flex布局。通常情况下许多的ui组件库都有提供affix组件来实现固钉效果，就比如element plus给我们提供的el-affix组件就有这样的效果，但是在某些情况之下el-affix就会失效。在我们通常的vue项目中为了防止我的些的css样式冲突，我们都会在style上加上scoped<style lang="scss" scoped><s