zoukankan      html  css  js  c++  java
  • bootstrap 嵌套模态框 二级模态框关闭导致一级模态框滚动条消失

    一.问题描述

    实际开发中遇到bootstrap嵌套模态框,关闭次模态框后主模态框滚动条消失。

    二.解决办法

    在主模态框上加属性:(先凑合着用,回头再看看源码)

    style="overflow-y: auto;"





    问题:在使用Bootstrap时,有时候会用到模态框中再嵌套模态框。这样就会出现一个问题,就是在关闭第二个模态框时,会导致第一个模态框的滚动条消失,这样就会使得屏幕太小而模态框太大看不到底部信息,而没法进行操作。

    解决方法:就是在第二个模态框的关闭hide 方法调用之后立即触发的事件中,设置第一个模态框的样式,给其加一个样式:'overflow-y':'scroll'。

    代码如下: myModalEdit是第二个模态框的id,myModal是第一个模态框的id

    $('#myModalEdit').on('hidden.bs.modal', function() {

    $('#myModal').css({'overflow-y':'scroll'});
    });

  • 相关阅读:
    Hamming Distance(随机算法)
    Difference Between Primes
    Pet(dfs)
    29. Divide Two Integers
    28. Implement strStr()
    25. Reverse Nodes in k-Group
    24. Swap Nodes in Pairs
    23. Merge k Sorted Lists
    22. Generate Parentheses
    19. Remove Nth Node From End of List
  • 原文地址:https://www.cnblogs.com/qdphr/p/5912249.html
Copyright © 2011-2022 走看看