Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 修复打开和关闭角度ui引导的uib模式时的页面移动_Javascript_Angularjs_Angular Ui Bootstrap_Bootstrap Modal - Fatal编程技术网

Javascript 修复打开和关闭角度ui引导的uib模式时的页面移动

Javascript 修复打开和关闭角度ui引导的uib模式时的页面移动,javascript,angularjs,angular-ui-bootstrap,bootstrap-modal,Javascript,Angularjs,Angular Ui Bootstrap,Bootstrap Modal,打开和关闭uib模式时会发生页面移动。检查。请注意滚动条的消失和外观 这里已经提出了这个问题(),但没有有效的解决方案。给出的唯一解决方案是将overflow-y设置为body,这样即使不需要滚动,也会创建垂直滚动 body{ overflow-y: scroll !important; } 还访问了以下链接,但无法为uib model实现它。有解决这个问题的方法吗?提前谢谢 移动可能会到来,因为当模态打开它时,会给身体添加一些填充物。由于一些错误,我不知道这个填充是否会保留在主体中,即使

打开和关闭
uib模式时会发生页面移动。检查。请注意滚动条的消失和外观

这里已经提出了这个问题(),但没有有效的解决方案。给出的唯一解决方案是将
overflow-y
设置为body,这样即使不需要滚动,也会创建垂直滚动

body{
overflow-y: scroll !important;
}
还访问了以下链接,但无法为
uib model
实现它。有解决这个问题的方法吗?提前谢谢


  • 移动可能会到来,因为当模态打开它时,会给身体添加一些填充物。由于一些错误,我不知道这个填充是否会保留在主体中,即使在模态关闭时,也会因为页面移动而保留

    当modal在按钮上关闭时,单击可尝试-

        $("#ModalId").modal('hide');
        $('.modal-backdrop').remove();
        $('body').removeClass('modal-open');
        $('body').css('padding-right', '');
    

    在我的情况下,它起了作用。

    可能会发生移位,因为当模态打开时,它会给身体添加一些填充物。由于一些错误,我不知道这个填充是否会保留在主体中,即使在模态关闭时,也会因为页面移动而保留

    当modal在按钮上关闭时,单击可尝试-

        $("#ModalId").modal('hide');
        $('.modal-backdrop').remove();
        $('body').removeClass('modal-open');
        $('body').css('padding-right', '');
    
    在我的情况下,它起了作用。

    可能这会有帮助->可能这会有帮助->