Angular，body add css overflow:如果模式是打开的，则隐藏，如果关闭，则将其删除？
Angular是一种流行的前端开发框架，它被用于构建单页面应用程序。它采用了TypeScript语言，具有模块化和组件化的特点，能够快速构建可维护和可扩展的Web应用程序。
"body add css overflow:"是一个CSS样式规则，用于控制HTML文档中<body>元素的溢出行为。"overflow"属性指定了当内容溢出容器时如何进行处理。
如果模式是打开的，即overflow属性值为"hidden"，则隐藏溢出的内容，防止出现滚动条。这意味着当页面内容超出<body>元素的大小时，溢出的内容将被裁剪并隐藏。
如果模式是关闭的，即overflow属性值为"default"或"visible"，则将其删除。这意味着当页面内容超出<body>元素的大小时，会显示滚动条以便用户可以滚动查看全部内容。
对于Angular开发中的应用场景，如果需要在页面中动态控制溢出内容的显示与隐藏，可以使用Angular的数据绑定和事件绑定功能来实现。可以通过在组件中定义相应的变量来控制overflow属性的值，并通过事件监听器来切换模式。
在腾讯云的产品中，可以使用腾讯云的云服务器CVM来部署和运行Angular应用程序。腾讯云云服务器提供了高性能、可扩展和安全可靠的云计算基础设施，适用于各种规模的应用程序。您可以通过以下链接了解更多关于腾讯云云服务器的信息：https://cloud.tencent.com/product/cvm
同时，腾讯云还提供了腾讯云存储COS和腾讯云内容分发网络CDN等产品，可以帮助您在Angular应用程序中管理和分发静态资源，提高网站的加载速度和用户体验。您可以通过以下链接了解更多关于腾讯云存储和内容分发网络的信息：https://cloud.tencent.com/product/cos 和 https://cloud.tencent.com/product/cdn
相关·内容
2回答
当模态打开时，我一直在尝试禁用滚动
$(document).on('show.bs.modal', '#setting', function (e) {
$("body").css("overflow", "hidden");
$("body").css("overflow-y", "hidden");
$("body").css("overflow-x", "hidden");
c
浏览 3提问于2021-04-25得票数 0
回答已采纳
我在整个屏幕上使用弹出窗口。当弹出窗口打开时，我将正文和html CSS设置为overflow: hidden并防止屏幕滚动。在所有浏览器和安卓设备上都能正常工作，但问题出在iOS设备上。我无法停止在ios设备上滚动。
<html style="overflow: hidden;">
<body style="overflow: hidden;">
<div class="popup" style="position: fixed;">
</div>
</body>
&l
浏览 1提问于2018-07-06得票数 0
2回答
我有jQuery代码，在弹出模式打开时移除滚动条。因此，当我需要关闭弹出窗口时，滚动条需要再次出现，并且该函数可以正常工作，除了一件事:如果用户单击弹出窗口之外的其他地方，它将关闭，但滚动条仍然隐藏。只有当单击关闭图标时，它才能完全正常工作。
当用户单击弹出框外时，是否有可能设置自动溢出滚动？也就是说，不仅仅是在封闭的图标上？
$(document).ready(function () {
$("button#mainbtn").click(function (){
$('body').css('overflow', 'hi
浏览 2提问于2018-11-05得票数 2
回答已采纳
我正在使用Angular UI Bootstrap 。当模式打开时，body会有一个滚动。当我滚动模式后面的内容时，也会滚动。
我可以将overflow: hidden设置为body标记，这样就解决了这个问题。但是，如果我有很多内容在我的模式，我需要一个卷轴来显示。这个滚动不应该在模式中，也就是说，当我使用页面滚动时，模式应该只滚动而不是内容。
浏览 44提问于2013-12-13得票数 22
回答已采纳
6回答
我有超过2000像素的滚动页面上的内容。
如果用户单击div，则会在一个简单的模式窗口中弹出滚动内容。现在，我的客户希望在模式窗口打开时使原始页面不可滚动。(当然，模式应该仍然是可滚动的。)
这有可能吗？
编辑:我试过你的建议了。它基本上是有效的，但问题有点复杂：
$(".foReadMoreLink a").click(function(){
if ($('#modalBox').length == 0)
$('body').append('<div style="display:none" id=
浏览 0提问于2011-03-30得票数 13
4回答
当从css打开一个模式窗口时，是否可以删除正文页面的滚动？
例如，我的正文页面有一个高度:200%，所以如果我想转到页面底部，我必须使用scroll (overflow-y:auto)。现在，如果我要打开一个模式窗口，body页面的滚动将保持活动状态，并且我希望在模式窗口打开时将其禁用。
谢谢。
浏览 1提问于2012-02-16得票数 1
回答已采纳
我在一页上有两种不同类型的调制解调器。一种是“animatedModal”，它在页面加载时触发，另一种是标准的模式，可以按一下按钮。
对于第二个，由于弹出打开一个视频，我不得不添加一个隐藏双滚动条：
$(document).ready(function(){
$('.pop-open').click(function() {a
$('body').css({
'overflow': 'hidden',
});
});
$('.lightbox').click(
浏览 2提问于2020-08-12得票数 0
2回答
当一个模式显示在父窗口上时，我试图阻止用户滚动父窗口。
这是一个问题，当用户在iPad上查看模式时，当他们点击并拖动到模式中的内容div或滚动条之外，然后它滚动它下面的(父)页面。
我认为一旦打开了模式，我就可以在body标签或主容器中添加一些css来禁用滚动，方法是给它一个溢出:隐藏；并在关闭模式后将其删除。欢迎任何建议，谢谢。
<html>
<body>
<a href="#" class="open-modal">Open modal</a>
<div class="modal"
浏览 2提问于2014-04-08得票数 0
我使用的是，我遇到了一个小问题，弹出窗口允许人们在打开时向下滚动页面，所以简单的解决方法是将overflow:hidden添加到body中。我使用了以下代码，但一旦模式关闭，页面溢出就会隐藏起来。
(function($) {
var $body = $('body');
$body.on('open.fndtn.reveal', function(){
$body.css('overflow', 'hidden').off('open.fndtn.reveal');
浏览 2提问于2016-05-13得票数 0
3回答
溢出隐藏在iPad中不起作用
、、、、
我一直试图在弹出模式时禁用body上的滚动。我添加了在打开模式弹出窗口时隐藏的body overflow，我会在关闭pop时将其设置为默认状态。up.this技术在所有桌面浏览器中都能很好地工作，但在移动devices.To中效果不佳。我补充道
-webkit-overflow-scrolling: touch;
但它在iPad中不起作用。我的代码
function toggleMenu() {
if (!toggle) {
$("body").css("overflow", "hidden");
}else{
$("body")
浏览 0提问于2016-01-14得票数 1
1回答
我想让我的身体停止滚动到顶端，当我试图打开弹出模式。我使用的是角度材料和ng-bootstrap弹出模式。
我已经尝试了下面的CSS代码，但问题仍然存在，请帮助。
body.modal-open {
overflow: hidden;
position: fixed;
}
浏览 3提问于2020-08-11得票数 2
1回答
因此，当汉堡包菜单处于移动视图时会自动打开，然后一旦我关闭汉堡包菜单并从移动视图切换到普通视图，它就会做出不打开自动的响应。一旦我刷新页面，它就会回到自动打开状态。请帮忙提前道谢:) <head><link rel="stylesheet" href="css/style.css"></head>
<body>
<nav>
<ul class="nav-links nav-active">
<li><a hr
浏览 15提问于2021-08-16得票数 0
我有一个div .layer，它使整个页面变暗以突出显示一个模式，但是当我触发事件时，占用100%屏幕有一个问题，就是原始浏览器的滚动条被删除了。
有什么奇特的方法可以让div .layer在可见的时候保留页面的原始条形卷轴吗？
在智能手机/平板电脑中，我在拍摄事件.layer").show(); 时没有发现任何问题，但在桌面屏幕上，浏览器的原始滚动条被删除，整个html文档向右移动，取而代之的是.。
什么才是正确的方法，以避免html向右？
提前感谢！
HTML:
<div class="layer"></div>
<div class=
浏览 3提问于2019-11-06得票数 0
回答已采纳
2回答
我正在使用W3schools modal script，并且我想添加在模型打开时阻止整个身体滚动的功能。根据我的需要，我对原始脚本做了一些小的修改，我增加了一个模式的高度和一个overflow-y滚动条。如何在模式处于活动状态时阻止body滚动条工作？
浏览 24提问于2018-12-26得票数 0
回答已采纳
我正在尝试为我的jQuery对话框定义一些默认行为，如下所示：
(function($) {
/**
* Overriding default options
**/
$.ui.dialog.defaults.bgiframe = true;
$.ui.dialog.defaults.open = function() {
if ($('.ui-widget-overlay').length == 0) return;
if ($.browser.
浏览 1提问于2010-04-08得票数 0
回答已采纳
当用户选择图像文件时，我试图打开模式窗口来裁剪图像，但我无法将其传递给模式窗口控制器，反之亦然。这是我的代码：
<!doctype html>
<html ng-app="ui.bootstrap.demo">
<head>
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1
浏览 12提问于2016-07-27得票数 0
回答已采纳
1回答
当我从53升级到chrome 55时，这开始在Chrome中出现。我使用WordPress和基金会，打开媒体管理器，在表单上添加一个文件。我不添加任何文件，只要关闭窗口。一旦我关闭了模式，页面跳转到页脚，然后我只能在滚动条停止之前滚动大约一半(如果这有区别的话，可以隐藏顶部1700‘t)，并且我不能再向上滚动。我可以进入检查和添加1700 to填充到顶部，并再次看到所有的内容。它还在页脚下面添加了一堆空白，在模态打开之前并不存在，所以看起来它保持了相同的滚动条大小，但只是将所有的东西都移动起来了。
我有几个CSS设置：
body {
overflow-y: hidden;
positi
浏览 2提问于2016-12-14得票数 0
回答已采纳
6回答
我在一个单页网站上使用twitter bootstrap modals。当我单击按钮打开模式时，背景跳到页面顶部并打开模式。当您单击模式中的关闭按钮时，也会发生同样的事情。
我尝试将下面的代码添加到我的CSS文件中。这阻止了背景跳到顶部，然而，我现在可以在打开模式的情况下滚动背景，这也是我不想要的。而且当我的模式溢出时，我可以同时看到模式和背景的滚动条。
body.modal-open {
overflow: visible;
}
有没有其他方法可以解决这个跳转问题，而不是让用户在打开模式时滚动背景？
浏览 10提问于2016-08-29得票数 1
1回答
模式弹出时屏幕变暗
、、、
当我的模式弹出时，我正试图使屏幕的其余部分变暗。我从这里得到了代码：
最终发生的是，我的整个屏幕变得黑暗和不透明，甚至在我打开模块之前。
我不确定是在CSS中做错了什么，还是在HTML中有错误
下面是我的代码：
....
/* MODAL STYLES
-------------------------------*/
.closed{
display:none;
}
.modal {
/* modal container fixed across whole screen */
background: #fff;
text-align: cent
浏览 0提问于2019-05-10得票数 0
3回答
自举模态截半
、、、、
我设置了一个模态窗口，但是当按下激活它的按钮时，显示的模态被切成两半，在一个较小的窗口中，模态看起来很好。抱歉，密码有点乱。
<!-- index.html -->
<!doctype html>
<!-- ASSIGN OUR ANGULAR MODULE -->
<html ng-app="scotchTodo">
<head>
<!-- META -->
<meta charset="utf-8">
<meta name="viewport" cont
浏览 2提问于2016-06-06得票数 0
回答已采纳
8回答
我有一个定制的模态组件。当它打开时，背景中没有任何滚动。
我尝试了下面的代码：
componentDidMount() {
document.body.style.overflow = 'hidden';
}
componentWillUnmount() {
document.body.style.overflow = 'unset';
}
这似乎在一开始起作用，但当我使用模态组件，在另一页，没有滚动，即使当模式关闭。
有什么更好的解决办法吗？
我的模态组件：
export class Modal extends React.Component
浏览 1提问于2019-03-04得票数 47
回答已采纳
1回答
打开模态窗口后，可见2个卷轴(html和模态)。我想隐藏html溢出，并在关闭模式窗口后做可见。没有js怎么做？仅由css
$('.modal').on('show', function() {
$("html").css({
overflow: 'hidden'
});
});
$('.modal').on('hide', function() {
$("html").css({
overflow: 'scroll&
浏览 3提问于2015-07-10得票数 2
回答已采纳
我使用Jquery对话框在页面顶部打开一个弹出框窗口。当我打开对话框时，我希望禁用常规页面滚动。要做到这一点，我正在做：
$('body').css({overflow:'hidden'});
对话框打开时，请执行以下操作：
$('body').css({overflow:'auto'});
对话框关闭时。
这是有效的，但当滚动条被移除时，后面的内容会向右移动，结果不是很好。
我尝试了另一种方法，创建了一个css类"noscroll"，如下所示：
body.noscroll
{
position: fixe
浏览 51提问于2012-09-04得票数 20
回答已采纳
3回答
这是firstAngularJSApp.html
<html ng-app="store"><!-- "ng-app" creates and angular app by running the module. because of ng-app html inside of this tag will be treated as part of angular app -->
<head>
<link rel="stylesheet" type="text/css" href
浏览 1提问于2015-09-16得票数 2
回答已采纳
我似乎不能使用overflow: hidden技巧在我的网站主体，以锁定背景内容时，模式是打开的。
我正在将当前的样式应用于body：
$('body').css({'overflow':'auto', 'position':'static'});
他们正在成功地应用，它在安卓系统中运行良好，背景内容锁定，然而在iOS设备上，这不起作用，内容背景内容仍然可以滚动。你知道这是什么原因吗？
这是我使用的meta viewport标签：
<meta name="viewport" conte
浏览 0提问于2013-08-16得票数 3
3回答
我使用一个引导模式来显示pdf
我希望当用户关闭该模式(通过单击close或单击mdoal外部)时，将打开一个新的模式。
为了打开模式上的Pdf，我使用以下代码：
<a class="btn btn-primary show-pdf" title="exemple" href="./parcel.php">PDF</a>
<script type="text/javascript">
(function(a){a.twModalPDF=function(b){defaults={title:
浏览 4提问于2017-04-18得票数 0
回答已采纳
1回答
我想防止身体滚动，如果显示覆盖。我对list元素使用lazyload，这意味着滚动事件侦听器需要一段时间。(下面的代码中替换为空循环。)
然而，设置overflow: hidden会导致覆盖滚动性能差，或者至少不如Windows上的Chrome83(带有触屏)和安卓，但是Firefox看起来不错。
overflow: hidden是如何发挥作用的呢？如何防止对性能的影响？
编辑：性能差意味着滚动时会出现明显的延迟。滚动不是平滑的，你可以感觉到内容跳跃，这是不好的用户体验。
<!DOCTYPE html>
<html lang="en">
<he
浏览 2提问于2020-07-09得票数 1
回答已采纳
我正在尝试做一个基于CSS和JS的下拉菜单。
此示例适用于所有浏览器：
但是，我希望确保项目失去焦点，并在单击<body>中的其他内容后自动关闭。我正试图通过以下代码来完成这一任务：
现在，.blur函数在所有浏览器中都能工作，但是没有其他文本插入和了，当我两次单击元素时，它会关闭并再次打开，而不是仅仅关闭。
我在这里迷路了。当然，我想保留.blur函数，但我想确保能够保持正常的行为。
任何帮助都是非常感谢的！
浏览 2提问于2011-10-28得票数 0
回答已采纳
我遇到了一个令人难以忍受的"bug“，我似乎找不到解决办法。
在引导中，一次只能显示一个模态。因此，通过一个开放的模式(铬中的滚动条在那里)，我点击一个按钮，它打开另一个模式，就在我隐藏第一个模式之后。如下所示：
$('#redigerMedarbejder').modal('hide');
$('#uploadModal').modal({backdrop: 'static',keyboard: false})
当我关闭打开的模式并做上面代码的反向操作时，为了再次显示前一个模态，我的铬滚动条消失了，我无法看到整个模态，
浏览 1提问于2015-10-22得票数 2
回答已采纳
我试图在我的windows手机上使用"Phongap Developer应用程序“运行我的phonegap应用程序，但是它会抛出奇怪的javascript错误，如下所示：
对象不支持属性或方法"defineProperty“
Object.defineProperty(Detail, "name", {
get: function () { return this._name; },
set: function (value) { this._name = value; },
enumerab
浏览 1提问于2015-05-22得票数 0
回答已采纳
1回答
引导模式高亮显示不出现
、、、
我的问题是，当我点击必须打开一个模式的按钮时，模型会很好地打开，但是没有突出显示，这意味着我可以在任何地方点击，不管它在哪里，它会立即关闭自己，模型的内容就在“阴影”后面。如何使内容突出显示？我使用过类似的名为Lightbox V2的插件。试图禁用它，但问题是相同的。
<button type="button" data-toggle="modal" data-target="#myModal" class="btn" >Regis</button>
<div id="myModal"
浏览 1提问于2013-09-18得票数 1
回答已采纳
打开和关闭uib-modal时会有页面移位。检查。注意滚动条的消失和外观。
这个问题已经在这里提出了()，但没有一个有效的解决办法。给出的唯一解决方案是将overflow-y设置为body，这将创建垂直滚动，即使不需要滚动。
body{
overflow-y: scroll !important;
}
还访问了以下链接，但无法为uib-modal实现它。有什么办法解决这个问题吗？提前谢谢。
浏览 5提问于2016-11-10得票数 1
2回答
我在我的项目中使用foundation.min.css。每次我在HTML文件中加载上述内容时，我的浏览器都会尝试在线获取字体。但奇怪的是，即使没有互联网接入，它也能发挥作用。
我需要知道：
如何使基础无法在线获取字体？
为什么即使加载了功能也没有改变？
如何在不损害原始文件的情况下编辑它以删除联机获取功能？foundation.min.css代码：
@import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700");
H
浏览 2提问于2014-01-02得票数 0
回答已采纳
1回答
我正在用Ionic Framework v3开发混合电子商务应用程序。我在我的应用程序中设置了iframe和第三方url。它正常工作，但是，我想禁用在iframe中的滚动。我尝试过很多事情，比如
scrolling="no" set I iframeiframe { overflow: hidden } Set css$("iframe").contents().find("#body").addClass("iframeclass")我也使用了jQuery，但没有运气。
当我在iframe > html > Body
浏览 1提问于2020-07-03得票数 1
我有一个部分，我的网站，有一个固定的位置，并有一个引导下拉菜单在其中。我遇到的问题是，当你点击菜单时，页面上的内容被切断了。为了解决这个问题，我想添加一个溢出滚动到固定的部分，但只有当元素被点击时。
如果单击元素并打开菜单，则溢出会出现，如果再次单击元素，则溢出会再次隐藏。这就是我的代码
$('.dropMenu').on('click', function(){
if($(this).find('.dropdown').hasClass('open')){
$('.sideContent'
浏览 3提问于2014-04-09得票数 1
回答已采纳
1回答
创建显示视频的模式窗口
、、、、
卡在创建一个模式窗口，并使它弹出点击。模态项甚至不在我的浏览器上显示，但它们在JSFid中显示。是浏览器还是代码？也很好奇我到底做错了什么，尝试了很多次。
HTML：
<section id="modals">
<button id="myBtn">Open Modal</button>
<div id="myModal" class="modal">
<div>
<div class="modal-content">
浏览 0提问于2017-02-08得票数 0
回答已采纳
2回答
我有下面的代码，用于打开覆盖div中的图像。由于某种原因，每当我试图向图像对象添加边框时，它都无法工作。它只显示没有边框的原始图像。如何在这上面实现一个边框，并在右上角设置一个关闭按钮？这是我的密码。
$(document).ready(function(){
$('a.lightbox').click(function(e){
$('body').css('overflow-y',' hidden');
$('<div id="overlay">&l
浏览 6提问于2013-11-25得票数 0
回答已采纳
在父组件中，当组件挂载时，我使用几种样式修改了主体： document.body.style.overflowX = "hidden";
document.body.style.width = "100%"; 在我的父组件中是Dialog子组件，但是当我打开和关闭对话框时，overflow属性被删除，而width属性保留。为什么？
浏览 35提问于2019-08-24得票数 2
回答已采纳
3回答
仅使用CSS关闭模式
、、、
我需要通过使用css来关闭我的模式，如：
但是，我不能让它起作用。下面是我的模式。
function alert(msg) {
document.getElementById("alert").innerHTML = '<div class="modal-overlay"><div class="modal"><div class="modal-container"><h3>' + msg + '</h3><p>' + m
浏览 5提问于2016-02-05得票数 7
回答已采纳
2回答
我有一个用弹出的模式窗口覆盖屏幕的覆盖。使用下面的当前代码，在覆盖和模式窗口淡入之前，我在Firefox中得到了一个flash。有没有办法摆脱闪光灯？我需要等待淡出完全完成，然后才能看到，但我不确定如何。
$(document).ready(function () {
$('#openButton').click(function () {
if ($.browser.msie) {
$("html").css("overflow", "hidden");
} els
浏览 1提问于2010-11-17得票数 2
我有一个angular SPA。主页分为两个部分-左和右(都有单独的滚动)。左边部分有链接，右边部分显示这些链接的数据。
这是主CSS。
#left, #right {
overflow-y: scroll
}
#left {
margin-top: 75px;
margin-left: 5%;
position: absolute;
left: 0;
top: 0;
width: 25%;
height: 75%;
}
#right {
margin-top: 75px;
margin-left: 5%;
浏览 2提问于2015-10-08得票数 0
我正在使用jquery和js，试图为PHP网站构建一个ajax覆盖图像查看器。在“图库页”底部包含这段代码后，查看器将打开，我可以在查看器中使用下一个和前面的链接导航。但“后退”按钮和历史很难理解。浏览器通常只显示调用的响应，而不显示底层页面和css文件。
也许有人知道在这种情况下一般会发生什么？我想了解为什么back有时会导致页面崩溃，即只有ajax响应。
<script type="text/javascript">
$(document).ready(function() {
function loadOverlay(href) {
浏览 0提问于2016-06-20得票数 0
5回答
我的问题是，通过例如overflow:hidden;删除的浏览器窗口垂直滚动条将使页面在稍后重新出现时跳转。在脚本运行时，我使用jQuery从访问者中删除滚动选项，并将页面滚动到特定的点，然后使其在之后再次出现：
当滚动条不存在时，我可以为它做一个占位符，这样它就不会跳回来了吗？
或者，是否有可能“禁用”它，并使它“变灰”？
我找不到任何解决办法。我在这里发现了类似的东西：，其中滚动条总是在那里。但区别在于，即使页面比窗口长，滚动条也必须保持禁用状态。它只能通过我控制的另一个脚本“打开”。
这有可能吗？
谢谢。
更新：
状态更新时间到了。
我在body标记上设置的星空背景图像出现了一些问题
浏览 9提问于2011-07-05得票数 5
回答已采纳
1回答
我试图隐藏身体滚动条的点击，但我有两个按钮.所以我想我需要知道身体是否可见。
当前的状态是当我切换回身体滚动条时。
我不善于解释，所以这里是一个Fiddle：
我试图避免在切换的div上得到两个滚动条，比如：
$(document).ready(function() {
$("#yy").click(function() {
$("#why").slideToggle();
$("body").css({
"position": "sticky",
"over
浏览 1提问于2020-02-20得票数 0
回答已采纳
2回答
关闭弹出窗口后，div应该是隐藏的(当弹出窗口打开时，它实际上会隐藏)，但是当弹出窗口关闭时，就会变得可见。
// Magnific Popup v1.1.0 by Dmitry Semenov
(function(a){typeof define=="function"&&define.amd?define(["jquery"],a):typeof exports=="object"?a(require("jquery")):a(window.jQuery||window.Zepto)})(function(
浏览 7提问于2017-11-16得票数 0
JavaScript window.open height不会像我设置的那么高，为什么？
我正在使用FF，IE，Chrome，并使用这个功能。
function open_win3(zoom) {
New_Win3 =window.open(zoom,"_blank","width=550,height=1970,scrollbars=0,menubar=0");
}
var zoom = "/zoom.asp"
JavaScript打开的新窗口的高度会和显示器本身的高度一样高吗？
Chrome还添加了滚动条，很明显滚动条是负的，但我通过使用
&
浏览 1提问于2012-08-24得票数 3
回答已采纳
2回答
我有动态创建对话框的功能。有时我需要模式或确认对话框
所以我创建了一个功能
function createDialogWithOutClose()
{
jQuery('#divPopup').dialog('destroy');
var dialog = jQuery('#divPopup').dialog({
autoOpen: false,
height: 450,
width: 650,
modal: true,
open: function(
浏览 0提问于2012-01-14得票数 2
回答已采纳
1回答
我正在使用UI-路由器为我的新应用程序进行路由，我已经为主页定义了我的状态。我有链接，在我的页面“注册”，需要打开作为一个模式窗口作为单独的状态，我使用"onEnter“来触发模态窗口。当用户单击模式窗口的关闭按钮时，我希望用户被重新定向到主页状态。我能够路由回国内状态使用"ui-sref“，但不能关闭模态窗口。我试着用数据我做错什么了吗？
下面是我正在尝试的配置：
index.html
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="
浏览 2提问于2016-03-08得票数 0
回答已采纳
我想做什么？我想有一个指令里面有一些html。该指令呈现一个按钮，当该按钮被单击时，我将打开一个模式对话框。我想要显示对话框中指令中声明的html。在模式对话框中，我使用指令的不同位置可能会有不同的html消息。
这是我得到的代码。
app.js：
var app = angular.module('plunker', ['ngResource', 'ui.bootstrap', 'ui.bootstrap.modal']);
app.controller('MainCtrl', function($scope)
浏览 29提问于2017-07-15得票数 0
切换就像您所期望的那样工作--并通过将类附加到设置为open的元素来驱动。正如您可能知道的那样：
问题是..。您可能会从我的尝试中看出，我有三个元素打开并关闭了单击.isilnk '.isi__wrapper‘和.isi__expander上的按钮--我只是尝试将其设置为在何时以及如果元素展开或切换打开。例如：if ($(".isi").hasClass("isi--show-isi")) {只需将overflow: hidden设置为html, body，当关闭或未打开或上面没有类时，则只需设置html, body { overflow: scroll
浏览 1提问于2015-12-29得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
