[css]  什么是视差滚动？如何实现视差滚动的效果？
什么是视差滚动：
就是在同一视角下，鼠标或者页面滚动时，不同元素以不同的速率跟随滚动，产生生动的效果。
如何实现视差滚动：
根据页面滚动高度的变化，JS相应调整不同元素的不同位移，常见的插件有
parallax.js，

个人简介
我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，

但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题

[css]  你知道全屏滚动的原理是什么吗？它用到了CSS的哪些属性？
全屏滚动和轮播图类似，都是通过改变元素位置或者显示与隐藏来实现，配合JS的一些交互距离判断，实现类似原生滚动捕获的效果。这里全屏的话就需要将宽高都设置为窗口的大小，可以通过百分百实现。
关键CSS属性是父容器 overflow: hidden; 。
实现全屏滚动还可以简单的通过插件来实现，比如fullpage，很多大公司的页面都是用这个实现的，比如小米一些产品的官网。

个人简介
我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，

但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题

[css] 说说position的absolute和fixed共同与不同点分别是什么？
相同点：
1、都是用来给元素定位的属性，具有定位元素的一切特点（例如脱离文本流、不占据空间等等）；
2、改变元素的呈现方式为display：block；
不同点：
1、fixed的父元素永远是浏览器窗口，不会根据页面滚动而改变位置；absolute的父元素是可以设置的，他会永远跟随父元素的位置的改变而改变。

个人简介
我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，

但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题

就目前来说我对浏览器大部分内容都有掌握，但是还是有一个概念我看到就头大，有点恐惧，那就是滚动条，这篇文章就是用来消除这种未知和恐惧的。
问题
2020-10-27补充 如何给一个div添加一个滚动条？怎么设置滚动条的样式？

要回到这个问题，首先你要搞清楚，滚动条的区域

body::-webkit-scrollbar {
    width: 2em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: red;
  border-radius: 12px;
}



如何让滚动条不显示？

overflow-y:hidden

如何让滚动条不显示，但是页面还能够滚动？

可以，但没必要

如何控制滚动条的高度？

首先要说明，滚动条的高度，反映的是相对高度，DOM的高度对应于当前可视窗口的比例
overflow-y
假如你的DOM内容很长，超过了一个浏览器屏幕的高度，那么你想要原本超出的部分怎么显示呢？

overflow-y就是用来控制超出时如何显示。
说明
在下图中，有两个垂直的滚动条，浏览器最右侧的这个滚动条，这个滚动条很容易理解，dom比较长，一个页面展示不下，需要页面能够滚动。

令我困惑的是滚动条2，滚动条2为什么能够出现呢？怎么进行设置呢？