扫码关注官方订阅号
看见网上都是用js实现的
闭关修行中......
https://jsfiddle.net/imys/ecv8r2w5/
看看是不是这种效果。
这个方案的精髓是选择器的应用，是使用单选按钮结合 :checked 选择器和 + 兄弟选择器模拟点击应用效果。
:checked
+
还有一种方案是使用 :target 选择器，可以为锚点的元素添加样式，有兴趣可以搜下相关介绍。
:target
锚点功能是浏览器的功能，而js可以操作浏览器的地址栏的内容，是逻辑行为的操作，从而可实现动态锚点。css只处理一些样式上的内容，所以用css实现锚点有点奇怪，并且还没有遇到过这种需求。
恕我才识学浅！我也想知道CSS怎么可以做到锚点定位动画效果~~
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
3
429
收藏
https://jsfiddle.net/imys/ecv8r2w5/
看看是不是这种效果。
这个方案的精髓是选择器的应用，是使用单选按钮结合
:checked选择器和+兄弟选择器模拟点击应用效果。还有一种方案是使用
:target选择器，可以为锚点的元素添加样式，有兴趣可以搜下相关介绍。锚点功能是浏览器的功能，而js可以操作浏览器的地址栏的内容，是逻辑行为的操作，从而可实现动态锚点。
css只处理一些样式上的内容，所以用css实现锚点有点奇怪，并且还没有遇到过这种需求。
恕我才识学浅！我也想知道CSS怎么可以做到锚点定位动画效果~~