栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

“位置:粘性;” 无法正常工作的CSS和HTML

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

“位置:粘性;” 无法正常工作的CSS和HTML

粘性定位是相对定位和固定定位的混合。将该元素视为相对位置,直到它超过指定的阈值为止,此时将其视为固定位置。

您必须指定的至少一个阈值

top
right
bottom
,或
left
为粘稠定位像预期的那样。否则,将无法与相对位置区分开。[资料来源:MDN ]

因此,在您的示例中,您必须使用

top
属性来定义最终应粘贴的位置。

html, body {  height: 200%;}nav {  position: sticky;  position: -webkit-sticky;  top: 0; }.nav-selections {  text-transform: uppercase;  letter-spacing: 5px;  font: 18px "lato", sans-serif;  display: inline-block;  text-decoration: none;  color: white;  padding: 18px;  float: right;  margin-left: 50px;  transition: 1.5s;}.nav-selections:hover {  transition: 1.5s;  color: black;}ul {  background-color: #B79b58;  overflow: auto;}li {  list-style-type: none;}<nav>  <ul align="left">    <li><a href="#/contact"  >Contact</a></li>    <li><a href="#/about" >about</a></li>    <li><a href="#/products" >Products</a></li>    <li><a href="#" >Home</a></li>  </ul></nav>


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/575459.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号