gpt4 book ai didi

css - Angularstrap Modal 隐藏垂直浏览器滚动条

转载 作者:行者123 更新时间:2023-11-28 09:08:49 27 4
gpt4 key购买 nike

我正在测试 Angular 带的模态窗口,但发生了一些不希望发生的事情。在大文档中,当模式可见时,浏览器滚动条消失。然后,当您关闭模式时,浏览器滚动条再次显示并且文档折叠了一下。

我看了一个小时的开发者工具,但找不到原因。

文档折叠时很烦人。

如何防止滚动条不可见?

HTML

<button data-animation="am-fade-and-scale" bs-modal="modal">
Open Modal
</button>

Controller

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

已在 Windows 8.1 上测试

      Chrome 36, Firefox 31, Opera 24 - Same results.
Safari 5.1.7 - Worst results, the overlayer still visible.

最佳答案

对于模态,溢出设置为隐藏。

可以设置body的overflow为auto来解决这个问题。

<body ng-controller="ModalCtrl" style="overflow: auto">

工作演示 http://plnkr.co/edit/DGb38NBp89Fl4Jhvvyx3?p=preview

关于css - Angularstrap Modal 隐藏垂直浏览器滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25883243/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com