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

疯狂

我正在测试角度皮带的模态窗口,并且发生了一些不必要的事情。在大型文档中,可以看到模态时,浏览器滚动条消失。然后,当您关闭模式时,浏览器滚动条将再次显示,并且文档会折叠一点。

我花了一个小时的时间查看开发人员工具,但找不到原因。

当文档折叠时很烦人。

如何防止滚动条不可见?

的HTML

<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

在Windows 8.1上测试

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

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

您可以将主体溢出设置为自动以解决问题。

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

带控制器的AngularStrap闭模

来自分类Dev

Angularstrap 数据选择器多选

来自分类Dev

浏览器垂直滚动条的高度限制

来自分类Dev

隐藏网络浏览器滚动条

来自分类Dev

AngularStrap日期选择器看起来很奇怪

来自分类Dev

AngularStrap parseOptions助手与AngularJS ngOptions解析器不同

来自分类Dev

AngularStrap模态

来自分类Dev

Bootsrap Modal不使用默认浏览器页面滚动条滚动

来自分类Dev

调整浏览器窗口大小时,垂直/水平滚动条不会出现

来自分类Dev

调整浏览器窗口大小时,垂直/水平滚动条不会出现

来自分类Dev

如何在不破坏功能的情况下隐藏跨浏览器的滚动条

来自分类Dev

jQuery:.mouseup浏览器的滚动条时,Div隐藏

来自分类Dev

在div跨浏览器中隐藏滚动条而不破坏溢出文本

来自分类Dev

筛选器不适用于AngularStrap bs-select和ng-options

来自分类Dev

如何将控制器作为功能添加到angularstrap模态?

来自分类Dev

如何使AngularStrap延迟工作?

来自分类Dev

关闭AngularStrap弹出框

来自分类Dev

包装AngularStrap Popover

来自分类Dev

包装AngularStrap Popover

来自分类Dev

获取浏览器窗口宽度,包括滚动条

来自分类Dev

如何使固定的div覆盖浏览器的滚动条?

来自分类Dev

如何使浏览器滚动条静态

来自分类Dev

找不到浏览器滚动条?

来自分类Dev

单击浏览器滚动条关闭弹出窗口

来自分类Dev

如何使浏览器滚动条静态

来自分类Dev

用按钮替换浏览器滚动条

来自分类Dev

自定义滚动条跨浏览器

来自分类Dev

带有“悬停”触发器的AngularStrap bs-dropdown不能保持打开足够长时间

来自分类Dev

对Slim使用空的AngularStrap属性