原创

Html 页面高度导致抖动解决方案

        CSS目前最新版本为CSS3能够做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计;CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。


1、页面切换时总是感觉抖动,有问题是因为CSS样式高度导致页面出现抖动。


解决方式,修改CSS样式增加如下:

html,body{ overflow-y:scroll;}
html,body{ overflow:scroll; min-height:101%;}
html{ overflow:-moz-scrollbars-vertical;}

就不会出现页面抖动的问题了.


部分样式属性含义,如下:

列表属性: (List-style)
类型list-style-type: disc;
(圆点) circle;
(圆圈) square;
(方块) decimal;
(数字) lower-roman;
(小罗码数字) upper-roman; lower-alpha; upper-alpha;

位置list-style-position: outside;
(外) inside;

图像list-style-image: url(..);

定位属性: (Position)
Position: absolute; relative; static;
visibility: inherit; visible; hidden;
overflow: visible; hidden; scroll; auto;
clip: rect(12px,auto,12px,auto) (裁切)


关注下方微信公众号“Java精选”(w_z90110),回复关键字领取资料:如HadoopDubboCAS源码等等,免费领取资料视频和项目。 

涵盖:程序人生、搞笑视频、算法与数据结构、黑客技术与网络安全、前端开发、Java、Python、Redis缓存、Spring源码、各大主流框架、Web开发、大数据技术、Storm、Hadoop、MapReduce、Spark、elasticsearch、单点登录统一认证、分布式框架、集群、安卓开发、iOS开发、C/C++、.NET、Linux、Mysql、Oracle、NoSQL非关系型数据库、运维等。

评论

分享:

支付宝

微信