当你用锚点滚动到一个元素,如果不给那个元素加些样式,用户可能不清楚你做了什么,哪个是他想找的内容,比如下图这个情况:
具体的HTML如下, 它有三个锚点,对应三个内容块:
我们给选中的内容加了黄色背景,这样用户点击的时候,就可以清清楚楚地知道发生了什么。要实现这个,只要使用伪类:target就可以轻松搞定。
你甚至可以加些CSS动画效果!
小伙伴们,快去试试吧!
2024年11月22日
当你用锚点滚动到一个元素,如果不给那个元素加些样式,用户可能不清楚你做了什么,哪个是他想找的内容,比如下图这个情况:
具体的HTML如下, 它有三个锚点,对应三个内容块:
我们给选中的内容加了黄色背景,这样用户点击的时候,就可以清清楚楚地知道发生了什么。要实现这个,只要使用伪类:target就可以轻松搞定。
你甚至可以加些CSS动画效果!
小伙伴们,快去试试吧!