我正在测试角度皮带的模态窗口,并且发生了一些不必要的事情。在大型文档中,可以看到模态时,浏览器滚动条消失。然后,当您关闭模式时,浏览器滚动条将再次显示,并且文档会折叠一点。
我花了一个小时的时间查看开发人员工具,但找不到原因。
当文档折叠时很烦人。
如何防止滚动条不可见?
<button data-animation="am-fade-and-scale" bs-modal="modal">
Open Modal
</button>
var app = angular.module('Test', ['ngAnimate', 'mgcrea.ngStrap']);
app.controller('ModalCtrl',
function($scope){
$scope.modal = {
"title" : "ModalTitle",
"content" : "Modal content"
};
})
http://plnkr.co/edit/yKZSnn?p=preview
Chrome 36, Firefox 31, Opera 24 - Same results.
Safari 5.1.7 - Worst results, the overlayer still visible.
对于模态,溢出设置为隐藏。
您可以将主体溢出设置为自动以解决问题。
IE <body ng-controller="ModalCtrl" style="overflow: auto">
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句