直播平台开发,点击链接跳到另一个页面中指定的地方
1padding+margin
<div class="itembox" id="item">内容盒子</div >
.itembox{
padding-top: 100px; /* 100px是导航栏高度 */
margin-top: -100px;
}
2滚动元素设置 scroll-padding-top
html{
scroll-padding-top: 100px;
}
3暗锚点
在需要定位的元素上方加入不影响布局的空白锚点元素。
<div class="dark_anchor " id="dark_anchor ">内容盒子</div>
<h3 class="itembox">内容盒子</h3>
.dark_anchor {
height: 100px;
margin-top: -100px;
}
4 :target伪类
:target CSS 伪类 代表一个唯一的页面元素(目标元素),其id 与当前URL片段匹配 .
<div id="itembox" class="itembox">内容盒子</div>
#itembox:target {
padding-top: 100px;
margin-top: -100px;
}
以上就是直播平台开发,点击链接跳到另一个页面中指定的地方, 更多内容欢迎关注之后的文章