韩旭的博客

【代码】css 设置滚动条不挤压宽高。

其实另外一种实现方式，我们也可以用js去计算节点被卷去的高度，滚动的时候不停的位移，然后将top进行一个变更，但是此种方法就没有必要了，包括第二种iframe嵌套的方式，其实如果就是想因为一个dom元素使用fixed去构建一个iframe窗口的话是没有必要的，所以我们还是推荐使用第一种方式。

文章目录一、用一张图解释想要实现的效果。二、思考：如何实现？实现的多种方式。2.1、2图代码及实现效果2.2、单图过滤实现效果2.3、单图遮罩实现效果一、用一张图解释想要实现的效果。二、思考：如何实现？实现的多种方式。2.1、2图代码及实现效果我们先去设想一下，如果是两张图那么很简单的就实现了，先说一下两张图的实现思路：创建一个包裹div，创建两个divbox模块div模块内部都是img标签 给img标签设置固定的宽高包裹div设置相对定位，两个divbox设置绝对定位，box模块2，设置

文章目录一、场景如下，需要给一个弹出窗设置动画，淡入淡出效果。二、直接采用display:none;display:block;过渡transition不起效果。三、解决方案3.1 visibility与opacity二者区别？3.2 如何不让其占据页面位置？一、场景如下，需要给一个弹出窗设置动画，淡入淡出效果。当我们点击按钮123时，对应的下方弹出层展示在页面上，再次点击或点击文档其他处时，我们需要将弹出层隐藏（带有动画效果）。二、直接采用display:none;display:block;过渡