网页左右晃动问题解决
来源:互联网 发布:阿里云是saas吗 编辑:程序博客网 时间:2024/04/28 20:32
不知道大家做网页时候有没有发现有个问题,网页内容为margin:0 auto;居中时,打开网页的一瞬间网页会向左摆一下,进了另一个页面时,网页又会向右摆一下,然后又向左摆回来,如果经常在页面中跳转,会看得头晕,原因是网页的高度不够时,右边的滚动条是不会出来的,这里网页的宽要加上滚动条的宽,margin:0 auto;时,网页的是居中的,但网页的高能够让浏览器出现滚动条时,这里的网页的宽当然就要减去滚动条的宽了,这时网页就会向左摆一点。
解决的办法是在css样式表中让右滚动条一直出现就行了,网页高不够浏览器出现右滚动条时,也让它出来,下面代码直接放在.css里
html{overflow-y:scroll;}
上面内容是我在google中搜索到的网页左右摇摆的解决方法,但是它还是有个问题,那就是在CSS中加入上述代码,晃动的问题是解决了,页面右边会出现两个滚动条,这样就会使用户产生错觉,这样效果也不好。通过上述解决方法我知道了网页晃动的原因是由于个别页面高度不够造成的,这样的话就好办了,那我们就设置一个能使滚动条出现的最小高度,这样的话问题就解决了。我们可以在控制页面最外层的DIV的CSS中加一下代码:
min-height:800px;
数值800px可以根据自己的需求设置。总结一下咱就知道是咋回事了!
0 0
- 网页左右晃动问题解决
- 【技术】左右晃动
- 左右晃动的动画
- android browser 的几个小feature (二) 左右晃动控制网页前进后退
- iOS 视图左右晃动动画
- 控件左右晃动的动画效果
- 自定义动画效果(左右晃动)
- CSS实现背景图片的左右晃动
- 高仿微信摇一摇,动画效果为左右晃动
- 【问题】手机页面左右晃动,页面宽度超出手机屏幕宽度
- 图片,文字等控件的上下抖动或左右晃动
- 图片,文字等控件的上下抖动或左右晃动
- 自定义动画--角度抖动、路径旋转、左右晃动
- iOS-Swift-CAKeyframeAnimation动画(UILabel左右晃动)
- Android 带清除 和 晃动效果的 自定义 EditText 晃动问题解决办法
- 网页左右滑动效果
- 因为滚动条,当出现弹出框时,页面会左右晃动一下的解决方案
- 关于网页左右留出空白
- [前端代码] 3月2日更新-近期200+热门微信小程序demo源码下载汇总
- 栈(stack)的抽象数据类型及进栈出栈次序
- 发现新大陆
- FootballNum今日赛事(2017/3/11)预测
- 通过python操作mysql数据库
- 网页左右晃动问题解决
- 多线程知识点梳理一:同步异步与阻塞非堵塞
- 主码 超码 候选码
- docker 命令
- HUST1544-R(N)
- 共用体练习 (sdut oj)
- java的整型直接的转换
- ubuntu下安装Android Studio 流程以及出现的bug
- L1-006. 连续因子