直播平台开发，点击链接跳到另一个页面中指定的地方

直播平台开发，点击链接跳到另一个页面中指定的地方

1padding+margin

 

1	<div class="itembox" id="item">内容盒子</div ><br>.itembox{    <br>  padding-top: 100px;   /* 100px是导航栏高度 */    <br>  margin-top: -100px; <br>}

​

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

 

1	html{<br>  scroll-padding-top: 100px;<br>}

 

3暗锚点

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

 

1	<br><div class="dark_anchor " id="dark_anchor ">内容盒子</div><br><h3 class="itembox">内容盒子</h3><br>.dark_anchor {  <br>height: 100px;   <br>margin-top: -100px;<br>}<br>

 

4 :target伪类

:target CSS 伪类 代表一个唯一的页面元素(目标元素)，其id 与当前URL片段匹配 .

 

1	<br><div id="itembox" class="itembox">内容盒子</div><br>#itembox:target {<br> padding-top: 100px;<br> margin-top: -100px;<br>}

 

 以上就是直播平台开发，点击链接跳到另一个页面中指定的地方， 更多内容欢迎关注之后的文章