众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下 而Windows下是这样的 很多设计师会吐槽Windows滚动条不太美观，

弹性盒模型（Flexbox）是我们前端程序员必须先搞懂的一个知识点，他灵活多变，很适合大家在开发中使用！

在官网中适当的使用视差效果，可以增加视觉吸引力，提高用户的参与度，从而提升网站和品牌的形象。本文通过JavaScript、CSS多种方式并在React框架下进行了视差效果的实现，供你参考指正。

在web开发中，自定义滚动条是个常见的需求，虽然浏览器原生的滚动条很强大并且在大多数场景下表现的很好，但某些时候我们仍然希望修改他的样式，比如变细一点，或者去掉圆角和轨道，又或者隐藏他们。这些都属于自定义行为，本篇文章将介绍自定义滚动条的几种实现思路，并着重讲解最流行的js方案…

前言 瀑布流布局，是一种视觉表现为参差不齐的多栏布局。常用于内容以图片为主的页面展示，图片等宽不等高，每行从左到右排满后，后面的元素依次添加至短的一列其后。随着页面向下滚动，还会不断加载数据并添加到当

前言 当你进入一个网站或者手机APP时，首先映入眼帘的是这个网站或手机APP的一个基本布局；如果这个布局足够的巧妙，你应该会有一种眼前一亮的感觉。一个高质量的网站或者手机APP，就应该有自己独特的布局

瀑布流布局 瀑布流布局（Waterfall Layout）是一种常见的网页布局方式，通常用于展示图片或卡片式内容。其特点是将内容以多列的方式依次排列，犹如瀑布般从上至下流动。这种布局能够有效利用页面空

本文从开发需求中的一个 fixed 定位失效的样式问题出发，记录了逐步分析并解决问题的过程，解释了 CSS transform 对固定定位的影响，以及相应的解决方案。

「这是我参与11月更文挑战的第7天，活动详情查看：2021最后一次更文挑战」。 在我看来，最好的网站和Web应用程序对它们具有切实的"真实"质量。实现这种质量涉及很多因素，但阴影是一个关键因素。 然而