看见网上都是用js实现的
https://jsfiddle.net/imys/ecv8r2w5/
看看是不是这种效果。
这个方案的精髓是选择器的应用,是使用单选按钮结合 :checked
选择器和 +
兄弟选择器模拟点击应用效果。
还有一种方案是使用 :target
选择器,可以为锚点的元素添加样式,有兴趣可以搜下相关介绍。
恕我才识学浅!我也想知道CSS怎么可以做到锚点定位动画效果~~
锚点功能是浏览器的功能,而js可以操作浏览器的地址栏的内容,是逻辑行为的操作,从而可实现动态锚点。
css只处理一些样式上的内容,所以用css实现锚点有点奇怪,并且还没有遇到过这种需求。