小龚的博客

在定义主题或编写css公共样式的时候，我们都会声明很多通用的颜色、字号等。我们这里不使用less或sass，而是原生css变量来实现。并且:root 定义的样式可通过js改变从而达到改变主题等效果。如苹果官网中的一个效果:(滚轮)<style> //变量的声明 :root { --bcolor: black; --percentage: 0%; --fColor:var(--bgcol

欢迎点击: 个人官网博客老规矩，先上效果图创建Link标签 //createLink('./css/phone.css') function createLink(cssURL) { let head = document.getElementsByTagName('head')[0] let linkTag = document.createElement('link') linkTag.id = 'dynamic

介绍：position:sticky可以说是相对定位relative和固定定位fixed的结合；它主要用在对scroll事件的监听上；在滑动过程中，某个元素距离其父元素的距离达到sticky粘性定位的要求时(比如top：100px)；position:sticky这时的效果相当于fixed定位，固定到适当位置。设置position:sticky同时给一个(top,bottom,right,left)之一即可使用条件：1、父元素不能overflow:hidden或者overflow:auto属性。2