wangjun5159的专栏

问题在使用iSroll v4插件时，无法滚动到底部，从源码得知最大滚动位置由maxScrollY决定。从源码摘录出计算maxScrollY的部分that.wrapperH = that.wrapper.clientHeight || 1;that.scrollerH = m.round((that.scroller.offsetHeight + that.minScrollY) * that...

前言position是最常用的属性之一，所以务必将它的每个值都搞明白。本文是个人理解position的总结。可能的值static(default) 静态的，默认的位置忽略left、right、top、bottomrelative 相对的位置，相对默认(static)位置偏移仍然占据原来的位置，也可以说占据着文档流举例 注意后边的div并没有上移占据空出来的空间，这是因为relati

前言三栏布局是常见的布局方式，应用场景：左、右两侧是定宽的导航栏，中间内容自适应。在参考了详解 CSS 七种三栏布局技巧 后，我对三栏布局有了更深刻的认识，本文是我对上文的解读，是自己消化理解的过程，此文是为了加深理解知识而写，希望可以帮到你。 示意图 简单的实现方式（流式布局和BFC三栏布局）实现三栏布局，我们可以采用比较简单的实现方式，也就是详解 CSS 七种三栏布局技巧提到的流式布局和BF

问题需求是这样的，iframe在一个div中，并且iframe高度与div一样，所以设置了iframe高度是100%，结果div出现了滚动条，在排除了padding、margin的因素外，还是有滚动条。按理说，只有iframe有滚动条，父div不应该有滚动条。在线demo

介绍网上介绍clientheight、offsetheight、scrollheight的帖子很多，看后感觉明白了，一细想似乎又不明白了。为了获取更权威的解答，查阅了MDN 文档，希望能帮助后来人。为了加深理解，看后，最好做下后边的实验。 clientheightclientheight，内容的可视区域，不包含border。clientheight=padding+height-横向滚动轴高度。

最近在研究前端优化，在看了雅虎前端优化34条规则后，将最重要的几条加上自己的理解整理如下： 同域名限制。浏览器对同域名的并发请求数有限制，不同浏览器略有不同，但一般都在4-6之间。chrome一个域名同时最多6个请求，为了绕过这个限制，可以对静态资源可以单独设置域名。减少请求（minimize http requests），研究表明40%-60%的访问都是不带cache的访问，也就是初次访问，所

在看MDN（mozilla developer network）文档时，经常看到replaced element 字样，那么css 替换元素 replaced element 是什么意思呢？替换元素 （replace element） 替换元素指的是，通过元素的属性、类型生成内容。 比如input、textarea、img， input是通过value生成的内容 ；textarea通过value

总高度=窗口高度+可滚动长度总长度=窗口长度+可滚动长度比如：jquery方式：$(document).width();$(document).height();

在日常开发中经常会用到遮挡层，一直没有机会研究，今天实现了，感觉原理原来如此简单。不过，这些很小的知识点，必须都弄清楚，基础才能好，才能走的更远。遮挡层效果图：遮挡层实现原理：  修改某个隐藏的div样式，由隐藏修改为展现，宽度和高度与浏览器窗口相等。注意细节：   div需要设置z-index,这个属性，顾名思义，是在y轴上的索引，你可以理解为垂直于屏幕的高度

格式：$(selector,container)selector：是选择器的标志，比如id，class，名字等等container：是容器，比如window.parent.document例子：隐藏父窗口某个元素$("#login_div",window.parent.document).hide();

ul.mynav{ list-style-type: none; /*所有字符包含空白符设置字体为0*/ /* font-size: 0; */}ul.mynav li{ /*设置inline-block*/ display: inline-block; background-color: #008B8B; line-height: 40px; width: 140px;

ul.nav{ float:left; list-style-type: none; margin:0; padding:0;}ul.nav li{ float:left; margin-bottom: 1px; background-color: purple; color:white; line-height: 40px; margin-right: 1px; wi

ul.nav{ margin:0; padding:0; width: 8em; list-style-type: none; background-color: #8BD400; border:1px solid #486B02; font-size: 2em;}/*去掉最后一个li中a的border-bottom*/ul.nav li:last-child a{ bord

隐藏不占位：display:none隐藏占位：visibility:hidden这两个隐藏的区别就在于是否占位。