移动端页面开发,在输入的部分,经常会遇到一个问题:输入法弹出后将输入框遮住。如果这时候,要模拟类似微信输入界面的交互的话,就需要计算输入法的高度,并且调整页面视口的高度,或者将页面滚动至输入框的位置,将输入框露出来。先不说如何准确地获取输入法的高度,个人认为这种方式实在是不得已而为之,实在不够优.....
分类:
其他好文 时间:
2015-09-15 16:15:26
阅读次数:
276
background-p_w_upload值scrool:默认值,背景随页面滚动而移动,即背景和内容绑定,当页面的其余部分滚动时,背景图像不会移动。fixed:
背景图相对于视口固定,当页面的其余部分滚动时,背景图像不会移动。local:背景图相对于元素内容固定。inhert:规定应该从父元素继承bac..
分类:
Web程序 时间:
2015-09-15 14:56:39
阅读次数:
159
效果说明:点击tab导航,页面滑动到下方相应板块。并且当页面通过鼠标滚动下去时,上方的tab也可以自动切换到当前位置的板块上。代码说明:js中对两个动作分别写,一个是tab点击下滑到相应板块位置;一个是鼠标滚动下去的时候tab判定当前页面滚动高度切换tab。js:$(document).ready(...
分类:
Web程序 时间:
2015-09-15 06:56:03
阅读次数:
221
jQuery-smoove是一款jQuery和CSS3炫酷滚动页面内容元素动画特效插件。该内容元素动画插件在页面滚动到指定位置时,该位置的HTML元素会执行指定的CSS3动画特效,如旋转、翻转、放大缩小等动画特效。
分类:
Web程序 时间:
2015-09-14 16:44:15
阅读次数:
226
在默认情况下,页面加载完后默认滚动在最顶端,有些时候我们需要在页面打开后,定位滚动条的位置,比如,横向和纵向滚动条居中,实现页面滚动的方法有三种:scroll、scrollBy和 scrollTo,三个方法都带两个参数:x(X轴上的偏移量)和y(Y轴上的偏移量)。因此我们只需修改x,y的偏移量来设置...
分类:
其他好文 时间:
2015-09-12 22:15:09
阅读次数:
407
要解决两个需求:一个是从A页面跳到B页面,滚动到页面的任何地方;第二个是在B页面内部点击某个元素,滚动到页面的任何地方;怎么解决啊?很简单,当然是用锚点。首先在A页面创建一个锚点点击跳转然后在B页面定义这个锚点...这里是很多文字,把页面撑开,撑出滚动条...滚动到这里...再加点文字...好,测试...
分类:
Web程序 时间:
2015-09-11 20:50:08
阅读次数:
217
阅读前提:充分理解div的三种定位方式:浮动,相对定位,绝对定位方法一(顶部) 原理:直接使用css 进行控制;缺点:不兼容ie6-; 实现:position:fixed; top:0方法二(顶部) 原理:获取页面被卷曲的高度(LEN),复制给 obj.STYLE.TOP=LEN,缺点,效果...
分类:
Web程序 时间:
2015-09-11 17:16:47
阅读次数:
157
一、水平居中布局与滚动条跳动的千年难题当前web届,绝大多数的页面间布局都是水平居中布局,主体定个宽度,然后margin: 0 auto的节奏~例如,大淘宝的首页:然而,这种布局有一个存在一个影响用户体验的隐患。应该都知道,现代浏览器滚动条默认是overflow:auto类型的,也就是如果尺寸不足一...
分类:
Web程序 时间:
2015-09-10 16:00:43
阅读次数:
154
1.我们发现在网页中设置line-height后,现代浏览器显示正常,可是在IE6 IE7下却不能正确解析,这时需要再额外的为旧版浏览器声明:p{line-height: 30px;*line-height: 30px;}问题解决.2.在IE10下页面滚动条消失:需要显示声明body{-ms-ove...
分类:
其他好文 时间:
2015-09-08 09:35:35
阅读次数:
111
浏览网页的时候经常会遇到瀑布流布局的网站。也许有些读者不了解瀑布流。瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。比如下面图片的效果,就是一个典型的瀑布流。网上有很多JQ的瀑布流插件,而且.....
分类:
Web程序 时间:
2015-09-06 21:23:38
阅读次数:
180