css完成电梯轿厢导航栏
啥叫电梯轿厢导航栏呢？
立即图中
在我们点一下左边的小导航条时，网页页面会自动滑动到所需见到一部分。或许你很有可能猜中了完成这种关键关键环节，便是ps钢笔。使我们接着往下看。
京东商城(JD.COM) 官方网站，大伙儿能自己尝试一下看一下实际效果。
平时大部分人都会应用js词法开展控制关联，随后实现其相对性实际效果，然而在css中也能做到。
取名[ps钢笔]的功效：在同一网页页面里的不同部位开展自动跳转。
简单了解：能通过ps钢笔跳转网页页面中的某些部位，当网页页面太长时，能将网页页面分成几一些，根据顶端设置一些ps钢笔，点一下可以轻松访问者快速查找到对应的部位。
应用词法
1)给原素界定取名锚无记名
词法：
<标识 id="取名锚无记名"> </标识>
2)取名锚记联接
词法：
<a href="#取名锚记名字"></a>
留意
- href属性基础属性最前得加**#**（href="#id名）
- 在要跳转位置标签中加入是指id特性
但是纯粹只是用ps钢笔并没那类滚动效果，ps钢笔是可以直接跳转指定部位，不会有姿势。那样如何使用css完成自动滑动呢？
css电梯轿厢滚动完成
scroll-behavior
在HTML中有这样一个特性。 scroll-behavior 特性要求当客户点击可翻转框中链接时，是不是光滑地（具动态效果）翻转部位，而非平行线自动跳转。
scroll-behavior: auto|smooth|initial|inherit;
| 值 | 叙述 |
|---|---|
| auto | 初始值。可在翻转框中元素间立即自动跳转的“滚动效果”。 |
| smooth | 可在翻转框中元素间光滑的“滚动效果”。 |
| initial | 将这一特性设定向其初始值。参考 initial。 |
| inherit | 从父亲原素传承此特性。参考 inherit。 |
逐渐实现效果
由于码上程序编写的大与网页页面不一致，因此我相对性依照它增设了尺寸，促使效果显著。
本站是一个以CSS、JavaScript、Vue、HTML为中心的前端开发技术网址。我们的使命是为众多前端工程师者提供全方位、全方位、好用的前端工程师专业知识和技术服务。 在网站上，大家可以学到最新前端开发技术，掌握前端工程师最新发布的趋势和良好实践。大家提供大量实例教程和实例，让大家可以快速上手前端工程师的关键技术和程序。 本站还提供了一系列好用的工具软件，帮助你更高效地开展前端工程师工作中。公司提供的一种手段和软件都要经过精心策划和改进，能够帮助你节约时间精力，提高研发效率。 此外，本站还拥有一个有活力的小区，你可以在社区里与其它前端工程师者沟通交流技术性、交流经验、处理问题。我们坚信，街道的能量能够帮助你能够更好地进步与成长。 在网站上，大家可以寻找你需要的一切前端工程师网络资源，使您成为一名更加出色的网页开发者。欢迎你添加我们的大家庭，一起探索前端工程师的无限潜能!