position:sticky介绍

内容简介：整理自：中文原文：请尊重版权，转载请注明来源，多谢～～

.sticky {
  position: -webkit-sticky;
  position:sticky;
  top: 15px;
}

<div class="header"></div>

.sticky {
  position: fixed;
  top: 0;
}
.header {
  width: 100%;
  background: #F6D565;
  padding: 25px 0;
}

var header = document.querySelector('.header');
var origOffsetY = header.offsetTop;
 
function onScroll(e) {
  window.scrollY >= origOffsetY ? header.classList.add('sticky') :
                                  header.classList.remove('sticky');
}
 
document.addEventListener('scroll', onScroll);

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网

关注我们，获取更多IT资讯^_^

查看所有标签

• ASP.NET Core模块化前后端分离快速开发框架介绍之3、数据访问模块介绍
• 简编漫画介绍WebAssembly
• CGroup 介绍
• CGroup 介绍
• vue初步介绍
• Microbit MicroPython 介绍

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。