我有以下页面
section {
height: 1000px;
background: yellow;
margin: 50px;
}
<section id="one">Section one</section>
<section id="two">Section two</section>
如果用户来自包含散列后的部分 id 的链接,则可以使用 html/css 仅显示一个部分,例如
- 如果用户转到链接http://my-site/page#one http://my-site/page#one他应该只看到第一部分
- 如果用户转到链接http://my-site/page#two http://my-site/page#two他应该只看到第二部分
- 如果用户转到链接http://我的网站/页面 http://my-site/page他应该看到所有部分
?
您可以调查使用:target https://developer.mozilla.org/en-US/docs/Web/CSS/:target伪类,但当 URL 哈希为空时,您可能很难显示所有部分。
例如:
section:not(:target) { display:none; }
section:target { display: block }
<a href="#one">One</a>
<a href="#two">Two</a>
<section id="one">Section one</section>
<section id="two">Section two</section>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)