css - 特殊的样式

css - 特殊的样式（自己遇到的，欢迎补充）

1.background-attachment

• 默认值 scroll 一般网站实现的，一个板块一个背景滚动出现
• fixed 这个值有不一样的实现效果
• inherit 继承父类的值

fixed的效果


观察这是滚动上来div的位置不一样，背景图片的显示也不一样（图源网上）

2.scroller-behavior

一定会有一些在页面之间跳转的情景，比如返回顶部 ，加上可以让自己滚动的更顺滑~！

3.object-fit

使用场景：头像为方正的，上传一个长方形的图片，自动以短边裁剪。 当然还有其它的使用方式，自行开发。

这个博文不断更新，欢迎大家补充~ 小白，不喜勿喷！