在IE浏览器下分辨率是1366*768时打开drawer时页面抖动

最新推荐文章于 2024-01-26 15:34:22 发布
最新推荐文章于 2024-01-26 15:34:22 发布
阅读量276 收藏
点赞数
分类专栏： IE下低分辨率打开drawe时页面抖动 文章标签： css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xwyjw/article/details/120194757
版权

解决在IE浏览器下分辨率是1366*768时打开drawer时页面抖动的问题
直接说原因：
通过排查在谷歌下没有问题 感觉可能是样式问题 于是一个一个排查
最后发现是element自带的样式问题
此样式在做怪
在这里插入图片描述
找到问题后就解决问题，最简单我们只需要把这个属相去掉或者替代
由于本人样式太菜 只好用了他的默认值
在这里插入图片描述
问题到这就解决了 如果有大佬发现更好的解决办法 望指出

xwyjw
关注
专栏目录
ReactNavigationDeeplinkBugRepro:回购以演示堆栈导航器嵌套在Drawer Navigator中时的深层链接错误
04-16
如果将带有堆栈导航器的抽屉屏幕嵌套在抽屉导航器中，然后使用参数将其深层链接到堆栈导航器中的屏幕，则当我们在不传递参数的情况下导航到屏幕时，该参数仍然存在。 预期行为 当我们导航到屏幕而不传递任何参数时，...
element-ui的弹出窗口时,由于滚动条造成的页面闪动问题
qq_40759785的博客
06-09 2968
这里写自定义目录标题问题：解决过程解决办法 问题： 在使用element-ui的el-dialog时，由于遮罩层的出现，导致页面的滚动条隐藏，从而使页面出现闪动的效果。 解决过程 当遇到这个问题时, 发现出现弹窗时, 页面body自动增加 overflow: hidden. 解决办法 在公共样式设置默认样式 body { overflow: auto !important; } ...
如何解决el-drawer抽屉组件打开时的抖动现象
XiongFine的博客
04-03 3350
el-drawer 打开时有抖动现象解决办法
解决element ui drawer组件关闭后，滚动条不复原的问题
YZ_ZZZ24的博客
02-21 2750
情况一： 项目需求原因，抽屉弹窗的内容比较多，所以在样式上 使用 ::v-deep .el-drawer__body { overflow: auto; } 给组件增加滚动条， 问题出现： 每次抽屉组件关闭，再打开后滚动条的位置一直不复原。 解决： 在组件外再加一层 div 进行v-if 动态加载，这样每次动态值为false，该部分dom元素就会被销毁， 为true时，dom结构重新渲染，滚动条位置也将复原。 情况二： ...
篇章一 ：使用 Element 出现的问题
最新发布
FitnessSnail的博客
01-26 476
使用 Element 出现的问题
elment ui drawer 页面抖动问题
m0_74829310的博客
11-16 681
drawer打开之前 页面会抖动一下 甚至右边会有留白 是因为滚动条所致 我们只需要添加一行代码即可。如上所示 在属性里多加一个 :lockScroll="false"即可。
NavigationDrawer:它的工作方式类似于Google导航抽屉，但在Google抽屉中唯一的区别是导航抽屉与屏幕重叠，但是使用此导航抽屉时，整个屏幕会从左向下滑动到右
05-13
这种效果可以创建一个更连贯的过渡，使用户感觉他们在浏览不同的页面而不是仅仅切换菜单项。 实现`NavigationDrawer`通常涉及以下几个步骤： 1. **添加依赖**：在`build.gradle`文件中，确保已添加了对`appcompat-...
Drawer文件管理系统源代码
03-18
Drawer是一款基于JQuery+AJAX+PHP三者相结合的PHP文件管理器，适合服务器文件管理及其它各种用途，可帮助站长便捷地管理服务器，简洁、快速、高效率。 无任务时不会自动后台运行，无需数据库；采用AJAX技术，使用时...
根据element+vue 自定义dialog+drawer组件 弹窗+抽屉 无覆盖 + 可拖拽.7z
12-09
在这个特定的案例中，我们讨论的是如何在Element UI的基础上自定义Dialog（对话框）和Drawer（抽屉）组件，以实现无覆盖和可拖拽的功能。 Dialog组件通常用于显示临时的信息或者进行一些交互操作，而Drawer则常用于...
react-drawer:使用自己的网址显示为模式的测试嵌入式页面
04-13
在"react-drawer:使用自己的网址显示为模式的测试嵌入式页面"这个场景中，我们关注的是如何在用户直接访问一个具有抽屉模式的页面URL时，仍然能够正确地以模态方式展现该页面，而不是像常规页面那样加载。...
element Drawer抽屉在ie浏览器页面抖动
新生代农民工
12-14 1729
测试提了一个bug，项目在IE浏览器中点击饿了么的组件抽屉页面会抖动，现在还有人用IE吗？看到这种bug头就大，没办法只能看看是什么问题了，在谷歌浏览器，别的一些浏览器都是没有问题的，百度了下有很多人也遇到了这个问题，可能是样式问题，是element自带的样式问题。 找到问题就解决问题，最简单的办法就是把这个属性去掉或者替换掉。 .el-drawer__wrapper{ overflow: visible; } ...
解决浏览器因滚动条出现抖动的问题
zhang1339435196的博客
01-15 2550
html { overflow-y: scroll; } :root { overflow-y: auto; overflow-x: hidden; } :root body { position: absolute; } body { width: 100vw; overflow: hidden; }
页面抖动问题（最简单的解决方式）
weixin_42230348的博客
11-08 9040
ps网上查了扒了一堆解决方式，尼玛，一个抄一个的，问题没解决！气死。 废话不多说，直接解释原因：抖动就是你页面轮播或者下拉，浏览器提供的页面不够显示。 两种解决方式： 1、怕麻烦的：直接放大你的浏览器（缩小还是会抖哦！！） 2、不怕麻烦的：设置显示jsp页面来适应你的浏览器大小（不管怎么缩放，都不会抖动） html,body{ overflow-y:scroll;} html,body{ ove...
element Drawer 抽屉的使用
热门推荐
新前端小白的博客
09-06 5万+
之前没有这个组件的时候是直接把dialog的样式改了，改成了侧弹窗的形式，element升级后就改成了Drawer 抽屉组件。 场景：Drawer 的关闭动画没有了。代码如下 <el-drawer title="我是标题" v-if="drawer" :visible.sync="drawer" :before-close="handleClose"> <sp...
使用Vue+elementUI开发前端页面，打开对话框时页面出现抖动的问题
weixin_42965737的博客
10-27 3544
** 打开对话框时页面出现抖动是因为页面的右侧出现滑块,打开对话框的时候滑块消失造成抖动。 ** <style scope> /* 防止打开对话框时页面的抖动 */ body{ padding-right: 0px !important; overflow: hidden; } </style> 如果按照上述的设置不会起到作用，因为"<style scope>"中将css样式设定为局部的。所以需要将"scope"去掉。 ...
封装el-drawer时遇到的问题,及解决方案
weixin_49035434的博客
08-22 3376
方法1: 父组件 <template> <div id="app"> <el-button type="success" @click="success">成功按钮</el-button> <drawer :isDrawer.sync='isDrawer' /> </div> </template> isDrawer: false, success() { this..
element-ui中el-drawer组件打开自动聚焦问题
inticaler的博客
02-24 2625
el-drawer组件设置了withHeader为false的情况下，会自动聚焦里面的可聚焦的第一个组件，例如dataPicker的弹框或者input框，select框等 解决方法： // html修改 <el-drawer :visible.sync="drawerShow" :with-header="true" :wrapperClosable="true" ></el-drawer> // 样式修改 /deep/ .el-drawer{ .el-d.
网页抖动问题处理
huazi_t的博客
05-15 3228
解决方法： 添加 CSS： body { overflow-y: scroll; } 原因：是因为垂直滚动条时隐时现导致的。当页面内容在一页上没有展示完的时候， 浏览器右端会出现垂直滚动条。反之， 这个垂直滚动条默认是隐藏的，所以，当页面切换的时候，就会剧烈抖动起来。 这是一个容易被忽略的小问题，之前一直没有客户提到过这个问题，因为很多项目中我都发现存在这一小细节的问题，所以这次被客户发现也是给我们一个很好的警示，很多小细节问题需要我们去认真发现，并处理好，才能让客户觉得我们更专业。 解决...
解决页面抖动
leveretz的博客
11-13 542
解决页面抖动
el-drawer关闭时刷新当前页面
05-23
要实现这个功能，你需要在el-drawer组件的关闭事件中添加一个刷新页面的操作。具体来说，你可以在关闭事件中使用location.reload()方法来刷新当前页面，如下所示： ...这样，在el-drawer关闭时，页面就会自动刷新了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值