Nolan's Blog

a PHP JS UI APP developer

scrollTop

UI 如何自己打造一个web scrollbar

嘛,最近 Chrome 升级了. 不知道大家有没有发现, 我是今天刚升级的, 开始还蛮不适应, 以为开了什么特别的模式.
不过 Chrome 倒是把 Mobile 模拟放到了一个更方便地方(debug输出区标签).
除此之外,就是 scrollbar 进行的大变更, 更像移动端的设计了~ 可喜可贺.多少年了,那个占了20px的滚动条终于消失了!

scrollbar

看! 右侧那个小小的滚动条,和wordpress的感觉更融合了,好棒!! google给你1024个赞~~
那好,趁着这次机会,我就翻出我那个厚厚的小笔记,分享一下scrollbar的设计与实现吧…

继续阅读》

, , , , ,

Js中各个高宽属性

网页可见区域宽:document.body.clientWidth

网页可见区域高:document.body.clientHeight

网页可见区域宽:document.body.offsetWidth (包括边线的宽)

网页可见区域高:document.body.offsetHeight (包括边线的宽)

网页正文全文宽:document.body.scrollWidth

网页正文全文高:document.body.scrollHeight

网页被卷去的高:document.body.scrollTop

网页被卷去的左:document.body.scrollLeft

网页正文部分上:window.screenTop

网页正文部分左:window.screenLeft

屏幕分辨率的高:window.screen.height

屏幕分辨率的宽:window.screen.width

屏幕可用工作区高度:window.screen.availHeight

继续阅读》

, , ,

Powered by WordPress.org.