zjw_python的博客

前天，在学习中遇到一个问题，要实现一个多级菜单，且每级菜单都有滚动条，这时我想使ul元素overflow-x为visible，而overflow-y为auto，但发现设置以后并没有按照想像中的生效，x和y方向都变为了auto，最后发现是CSS规范这样限制的“ overflow-x”和“ overflow-y”的计算值与它们的指定值相同，除了不可能与“ visible”进行某些组合：如果将一个指定为“ visible”而另一个指定为“ scroll”或“自动”，然后将“可见”设置为“自动”最后参考这篇

问题近期在开发时应用列表项懒加载时遇到了一个问题，当根据scrollTop来更新显示的列表项时，滚动事件反复触发，导致列表项不停得更新，滚动条自动由顶部滚动到底部。分析和解决最后发现，这个问题跟浏览器滚动锚定滚动锚定有关，这个特性是为了避免在页面加载的过程中，页面内容高度发生变化引起滚动条跳动的问题。开启这个特性后，浏览器会自动触发scroll事件，调整滚动条的位置，让滚动条不胡乱跳动。但是...

CSS3 弹性盒子(Flexible Box 或 Flexbox)，是一种用于在页面上布置元素的布局模式，使得当页面布局必须适应不同的屏幕尺寸和不同的显示设备时，元素可预测地运行。它不使用浮动，flex容器的边缘也不会与其内容的边缘折叠。基本概念采用Flex布局的元素，称为Flex容器（container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（item），简称”...

网上有大量关于使用原生js编写轮播图的例子，不得不说，他们的文章很棒，但是我发现一个缺点，就是他们的轮播图组件太过于完整，添加了很多按钮功能，代码量较大。掩盖了轮播图的最基本也是最重要的实现原理，很容易让新手摸不着头脑。这篇文章的目的就是想用最少的代码，来讲解轮播图的实现原理，实现最基本的功能。等你学会了轮播图的实现后，至于之后怎么丰富轮播图，就是小菜一碟了效果思路将图...

圣杯布局圣杯布局就是三栏布局，其中左右两栏固定宽度，中间部分自适应 主要步骤：在html中，中间的块在最前面，后面紧跟左边的块和右边的块三者均设置float:left，中间块设置width:100%，此时中间块在一行，两个固定宽度的块在一行。左边块设置margin-left:100%，右边块设置margin-left: -width，此时左右块位于中间块的两边，但是其覆盖了中间块的...

Less（Leaner Style Sheet）是一门向后兼容的CSS扩展语言1 变量less可以定义变量，在编译时自动将变量名替换为用户定义的值。使用@定义和使用变量，变量声明可以在开头，也可以在使用变量后，不一定需要预先声明：// 变量@link-color: #428bca; //sea blue// 用法.link { color: @link-color;}.l...

css代码 input[type=checkbox]{ appearance: none; -moz-appearance: none; -ms-progress-appearance: none; -webkit-appearance: none; outline: none...