点击a链接跳到另一个页面中指定的地方

1、在页面中点击a标签后,使其跳到其他页面相应的地方,
就是在a标签的href中的内容和你要跳到这个区域的id同名即可。

页面一:
点我跳转 

页面二:

我是该区域的相应内容

2、问题二、锚点定位被顶部固定导航栏遮住的解决方案

①padding+margin

内容盒子
.itembox{ padding-top: 100px; /* 100px是导航栏高度 */ margin-top: -100px; }

②滚动元素设置 scroll-padding-top

html{
  scroll-padding-top: 100px;
}

③暗锚点

在需要定位的元素上方加入不影响布局的空白锚点元素。

内容盒子

内容盒子

.dark_anchor { height: 100px; margin-top: -100px; }

④ :target伪类

内容盒子
#itembox:target { padding-top: 100px; margin-top: -100px; }

 

你可能感兴趣的:(前端,css)