文章关键字 ‘resize’

小tips: 滚动容器尺寸变化子元素视觉上位置不变JS实现

2018年02月2日,星期五

对于一个宽度不固定的滚动容器,如果里面内容已经滚动到了一定的高度,这个时候滚动容器的宽度发生变化,则里面内容的位置会进行重定位,一不留神就不知道刚才的位置是哪里了。

尤其是看小说这种非常考验眼力的场景。于是,就有需求:当滚动容器尺寸发生变化的时候(如宽屏窄屏切换,或者默认尺寸变全屏时候),最上面元素位置要保持不变,这样视觉体验就很好。不会因为突然的尺寸变化而不知道刚才看到哪里了。

那么该如何实现呢?

阅读全文…

有意思:textarea resize属性下纯CSS交互效果

2013年03月27日,星期三

本文介绍的是使用纯CSS,利用textarea resize属性实现的一个交互效果,由于兼容性这个硬伤,仅供大家娱乐,仅供大家参考。

阅读全文…

利用重绘解决IE下JS交互产生的定位重叠等棘手bug

2013年01月22日,星期二

我们平常在页面布局时候探讨的bug大多都属于静态的——即页面载入渲染完毕后出现的布局问题,像是错位啊,不对齐啊,行高失效等。
这些都是嚼了好多年的烂芋头,就像风水日晒很多年的门面店,是个装修工都能美化修复,不值得拿出来卖弄。
还有一类bug是伴随着JS交互产生了,比方说一个外表靓丽光鲜的门面店,只要门一开,尼玛,天花板就会挂到门上去了。此时该怎么办?……

本文就将从重绘这块解决JS交互再IE浏览器下产生的棘手问题,精制的demo,丰富的截图以及必要的源代码展示,希望本文的内容能够您的学习有所帮助。

阅读全文…