:target-current « 张鑫旭-鑫空间-鑫生活

文章关键字 ‘:target-current’

CSS scroll-target-group加:target-current滚动菜单自动高亮

2025年09月19日，星期五

CSS野心太大了，那种页面滚动，标题导航自动高亮匹配的效果现在也能纯CSS实现了。

阅读全文…

标签：::scroll-marker, ::scroll-marker-group, :target-current, overscroll-behavior, scroll-behavior, scroll-target-group

发布在 CSS相关 | 2 条评论 »

CSS ::scroll-button ::scroll-marker伪元素又是干嘛用的？

2025年06月13日，星期五

CSS越来越强了，Scroll Snap交互又新增了按钮和切换按钮的生成与自定义，类似Carousel ，Slider这类经典交互纯CSS就能完全驾驭了。

阅读全文…

标签：::scroll-button, ::scroll-marker, ::scroll-marker-group, :target-current, column, overscroll-behavior, scroll-behavior, scroll-snap-align, scrollbar-width

发布在 CSS相关 | 5 条评论 »

尝试使用JS IntersectionObserver让标题和导航联动

2020年12月1日，星期二

南瓜封面图

学习了下JS中非常适合实现懒加载和无限固定加载的IntersectionObserver API，并自己给自己出难题，使用此API实现基于文档标题生成导航的插件功能。本文有自己实现过程完整记录，不一样风味的技术文章，内容较长，希望可以对大家学习有所启发。

阅读全文…

标签：:target-current, API, IntersectionObserver, javascript, MutationObserver, ResizeObserver, scroll, scroll-target-group, scrollIntoView, 滚动

发布在 JS API, JS实例 | 12 条评论 »