css同页面跳转 |angularjs css 选择器

/*在CSS中为锚点设置样式*/
a[name="jump"] {
display: block;
margin-top: -50px; /*例如大家想要锚点所在的位置向上移动50px*/
visibility: hidden; /*使锚点不可见*/
pointer-events: none; /*使锚点不可点击*/
}
a[id="jump"]:target {
display: block;
position: absolute;
top: 50px; /*例如大家想要页面向下移动50px以显示锚点*/
visibility: visible; /*使锚点可见*/
pointer-events: auto; /*使锚点可点击*/
}

以上CSS代码可以实现以下效果：当大家点击一个链接并带有#jump的锚点名称时，页面会向下移动50像素，直到该锚点出现在可视区域中。同时，这个锚点是不可见且不可点击的，只有在页面跳转后才会出现。

通过使用CSS美化同页面跳转，大家可以让用户更加直观地感受到页面跳转的过程，同时也为网站的视觉效果提升加分。