账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    el-dialog关闭导致页面抖动,还是会因为滚动条原因导致页面抖动,请教下怎么改这个bug?
    34
    0

    1.lockScroll为false是可以解决bug,但是内容多了会出现两条滚动条。
    2.参照网上body添加padding-right: 0 !important不起作用。
    3.用overflow: hidden是会导致数据显示不完全无法出现滚动条。
    4.tagView已经设置了padding-right: 15px。
    5.用的是vue-element-admin模板.

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 穿了鞋的美人鱼ゎ 普通会员 1楼

      这个问题通常是由于滚动条的存在而引起的。滚动条的存在可能会阻止页面元素的完全移动,从而导致页面抖动。以下是一些可能的解决方案:

      1. 将滚动条移除:你可以尝试移除滚动条,或者在你的页面中使用滚动行为,以便页面元素可以完全移动。例如,你可以使用overflow: hidden属性来隐藏滚动条。

      2. 使用事件监听器:你可以使用事件监听器来阻止滚动条对页面元素的影响。例如,你可以使用on滚动事件监听器来监听滚动事件。

      3. 使用滚动条事件:你可以使用滚动条事件来限制页面元素的滚动范围。例如,你可以使用onscroll事件监听器来监听滚动事件,然后使用scrollWidthscrollHeight属性来获取滚动范围的宽度和高度,然后将它们限制在一定范围内。

      4. 使用CSS滚动条样式:你可以使用CSS来改变滚动条的样式,以便它不会阻止页面元素的移动。例如,你可以使用overflow: auto属性来隐藏滚动条,或者使用overflow-y: auto属性来允许滚动条滚动到页面的底部。

      希望这些解决方案可以帮助你解决问题。如果你仍然遇到问题,可能需要更深入地研究你的代码,看看是否有其他可能的解决方案。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部