在IE8和Chrome，点击或者刷新，整个网页都整体抖动

最新推荐文章于 2023-08-18 13:38:35 发布
最新推荐文章于 2023-08-18 13:38:35 发布
阅读量2.8k 收藏 1
点赞数
分类专栏： 网站优化
当然算不上bug，是浏览器兼容的问题

麻烦大家先看下视频：http://www.56.com/u81/v_NTQ2MDc4NTQ.html    （官网演示）

测试了6个浏览器，
发现X在IE8和Chrome会抖动，是右边滚动条的原因

目前的解决办法是在body属性加上
  1. overflow-y:scroll !important; overflow-y:auto;
复制代码
但这样的话IE7就会有两条滚动条
lijunlinlijunlin
关注
专栏目录
HTML5浏览器实现超大文件上传和断点续传
mediadev的博客
07-02 4505
随着视频网站和大数据应用的兴起，特别是高清视频、4K视频、全景VR和大数据应用的到来，超大文件上传已经成为了日常的应用需求。 基于云计算的架构，我们需要将各地的大数据上传到云平台进行存储和处理，那么，动辄几个GB或者TB的大数据文件如何上传？在网络抖动的情况下如何保障断点续传？如何通过多终端快速上传？这是现实中常常遇到的问题。 为了通用性更强，采用安装特定的浏览器上传插件方式并不可取，最好的实...
VS Code插件和快捷键
rocktanga的博客
02-14 965
vs code已经不需要打印调试，而可以使用终端工具，在vs code中进行调试，vscode中调试也不好，还是要用chrome dev tool去调试 VS Code 配置 vscode的配置分为两部分 全局配置(用户配置) 和 局部配置(工作空间配置，仅针对单个project) 全局配置: User Settings是全局配置，应用到打开的任何一个VS Code实例。 在Windows环境中，打开 File > Preferences > Settings ，可以看到VS Co..
谷歌浏览器(chrome) 抖动 上下抖动
xiao_AX的博客
04-22 1189
电脑一直没用，最近打开发现，谷歌浏览器总在打字或者移动鼠标时上下抖动，重装也无济于事。
浏览器之间的兼容问题，要求兼容到ie9+ ie浏览器滑动时候页面抖动解决方案
sdfujichao的博客
12-17 1673
一般的官网项目选择jQuery会比vue好一些。jQuery是多页应用，vue是单页应用对搜索引擎的支持不好。 但是官网一般的要求是ie9+，国产浏览器，谷歌和火狐更不用说了。 这样就出现了浏览器的兼容问题。主要有两个方面，1： 国产浏览器，2：ie浏览器。 解决办法 1：对国产浏览器的兼容问题比较容易，因为一般国产浏览器都是同时具有ie内核和谷歌内核的。可以在head中添加一下几行，强制国...
chrome浏览器hover时文字抖动bug
weixin_30613433的博客
11-01 513
今天发现一个奇怪的bug，chrome浏览器里面 当父标签定位为fixed时，hover里面子标签时，文本会发生抖动，百思不得其解，经过多方查证，发现解决办法 　-webkit-transform:translateZ(0); transform:translateZ(0); 转载于:https://www.cnblogs.com/xcbz/p/9888114.html...
解决谷歌浏览器定位抖动问题
weixin_41376400的博客
02-22 4142
PC项目中有个页面置顶导航的需求 ,将导航设置成为了position: fixed;top:0;left:0; 结果发现在多台电脑上存在上下滚动的抖动现象，设置下面的-webkit-transform: translateZ(0);即可解决这个问题，亲测可用...
网页定位导航兼容ie6并解决下滑时抖动的问题
cmm720的博客
09-09 325
1、网页定位导航兼容ie6问题 <div id=menu> <ul> <li>男装</li> <li>女装</li> </ul> </div> * html #menu { position: absolute; bottom:
超强的IE背景图片闪烁(抖动)的解决办法
10-30
在IE浏览器中，为了提高网页的加载速度和减少服务器的压力，浏览器会缓存页面中的图片资源。然而，在某些情况下，比如页面刷新、图片源改变等，浏览器会重新加载这些图片资源。由于IE浏览器的特性，这个过程可能导致...
app安全测试和H5测试
weixin_44863926的博客
04-23 2074
目录 安全风险分析 客户端面临的主要风险 app的安全主要从：①客户端安全②通信安全③服务端的安全 测试开展---反编译 一、图片资源获取 二、XML资源获取 三、代码资源获取 dex2jar用法： 测试开展--二次打包 测试开展--数据安全 密码存储原理： 检测方法 Logcat日志 测试开展--键盘安全风险 键盘劫持测试 测试开展---账号登录/会话超时 账号...
css动画
baidulixueqin的博客
11-25 548
例子 将div左右移动 原理 每过段时间(用setInterval做到) 将div移动一小段距离 直到移动到目标点 注意性能 绿色表示重新绘制(repaint)了 css渲染过程依次包含布局，绘制，合成 其中布局和绘制有可能被省略 第2种方式 前端高手不用left做动画，用transform(变形)，性能会好很多 原理 transform:translateX(0=>300px) 直接修改会被合成，需要等一会修改 transition过渡属性可以自动脑补中间帧 注意性能 并没有repaint重新绘制
edge看B站直播画面抖动解决办法
最新发布
sd1561026的博客
08-18 1345
edge看B站直播画面抖动解决办法
谷歌浏览器 抖动 chrome 上下抖动 问题解决
秦琦琛
01-24 6065
谷歌浏览器 抖动 chrome 上下抖动 问题解决 前一段时间，电脑一直没用，最近打开发现，谷歌浏览器总在打字或者移动鼠标时上下抖动。 重装也无济于事，最后换了火狐浏览器。 事后觉得这种行为，不像是程序员的应该干的事，就捣鼓了一下午，我认为我应该是解决了这个问题。 打开谷歌浏览器 找到设置 打开高级设置中的系统 关闭 硬件加速模式 重启浏览器，我的电脑解决了这个问题。 如果不行，可以删除浏览器，删除注册表，删除使用记录等等（提前备份），重新安装，再做以上步骤。 还有一个事儿，之前谷歌浏览器显示 由贵单位
Chrome浏览器下fixed元素抖动的解决方案
lqy455949477的博客
11-29 3398
2018/02/08更新 translate3d和matrix3d的作用是强制调用GPU渲染效果，比CPU渲染的效果更好，同时也不会引起z轴位置的错位。 首先要说明的是，这个问题并不是在所有浏览器下存在，而且也不是在所有chrome浏览器版本中存在。就目前chrome 62.0版本中，确实存在这个问题。 这个问题的现象是，首先定义了一个fixed元素（通常拥有较高的z-index），比如...
chrome浏览器当鼠标碰到超链接的时候会窗口会抖动
MaxChanger的博客
08-18 2604
不知道啥时候开始的 进入chrome之后百度一个东西 然后随着鼠标的移动 窗口会不定时的抖动一下子 后来发现只有当鼠标经过换句话说也就是只要鼠标碰到蓝色的超链接之后 窗口就会抖一下子 解决办法： 打开chrome浏览器中的设置——>高级设置——>关闭硬件加速模式
页面抖动问题的处理
youcijibi的博客
03-27 9927
 在做网页的时候及仿站的过程中经常出现页面抖动问题！防止抖动代码    已测360 GOOGLE 添加在CSS中（最底部即可）html, body {height:100%;overflow:auto;margin: 0;} ...
html页面一直抖动，晃动的解决办法
热门推荐
qq_17451827的博客
11-13 2万+
如果页面一直在晃，就是css的问题，网上查了一下有两种方法。 第一种是： html,body{ overflow:scroll; min-height:101%;} html{ overflow:-moz-scrollbars-vertical;} 测试了一下，的确不抖了，但是界面出现滚动条，很难看。所以不建议使用。 第二种是： html, body {height:100%;ove...
提升网页兼容性：IE6-8与Chrome解决方案
总结起来，要解决网页在IE6、IE7、IE8和Chrome等浏览器间的兼容问题，开发者需要了解和掌握元标签的使用、浮动元素的管理、清除浮动技巧以及利用CSS选择器来实现浏览器特定的样式。这些技巧对于创建跨浏览器兼容的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值