首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >引导:重叠模式不应冻结滚动的底层模式。

引导:重叠模式不应冻结滚动的底层模式。
EN

Stack Overflow用户
提问于 2020-04-04 13:02:17
回答 1查看 380关注 0票数 0

我知道Bootstrap不鼓励重叠的情态词。我很快就黑了一个网站来帮助解决整个冠状病毒的问题,所以我关注的是速度,而不是所有的东西都是完美的。因此,今天有人指出了一个错误。通常情况下,引导模式会发生什么:

如果内容需要滚动,我想适当的CSS是在打开模式时添加的,背景内容(被着色的覆盖),不是scrollable

  • Once,模式是关闭的,背景内容可以再次滚动(

)。

我现在的问题是,在重叠模态的情况下,在第一个模态之上打开的第二个模态会导致第一个模态的内容保持不可滚动,即使第二个重叠模式被关闭。

我想要的行为是,当第二个模式关闭时,第一个模式返回到“默认”,也就是说,如果内容需要滚动,滚动返回。

以下是一个实时网站:https://www.giftcardsforsmallbusinesses.com/

  1. 单击以跟随模式:如果您希望在这里列出,请单击此处(确保当模态内容需要滚动时,您正在屏幕上查看此内容,这是大多数屏幕).
  2. 在弹出的模式上,找到#4关于它的工作方式,然后点击奖金值
  3. A第二,小模式会弹出
  4. ,现在关闭第二个,较小的模式
  5. ,现在你会注意到第一个模式:你是小企业主吗?不再可以滚动。奇怪的是,原始页面的背景内容现在是可滚动的

我觉得这里有一个快速肮脏的答案..。我可以注射一些东西就像

代码语言:javascript
运行
AI代码解释
复制
PSEUDOCODE
$("#second-modal").on("close", function() {
  $("#first-modal").resetDefault()
})

但我没有足够的经验使用Twitter Bootstrap来知道如何做到这一点,而且我在文档中也找不到答案。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-04-04 14:03:42

这应该能解决它..。

代码语言:javascript
运行
AI代码解释
复制
$('.modal').on("hidden.bs.modal", function (e) { 
    if ($('.modal:visible').length) { 
        $('body').addClass('modal-open');
    }
});

当您关闭重叠加值模式时,默认情况下它会移除body类.modal-open (不知道它下面还有另一个模式)。该类将overflow:hidden;应用于主体,并允许modals独立滚动。

因此,当奖金模式关闭/隐藏时,上面的脚本基本上是再次添加类。

尝试这个,这是直接针对奖励模式的隐藏事件。

代码语言:javascript
运行
AI代码解释
复制
$('#expirationModal').on('hidden.bs.modal', function () {
  $('BODY').addClass('modal-open');
})
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61034737

复制
相关文章
3.3.6日报
1,跟进用户反馈的文件系统回调无法显示大图片问题。原因是传回来的字节比需要读的大1。现在加上断言,防止此类错误
龙泉寺扫地僧
2019/02/20
2800
Sourcetree
会有下面这种提示,点击确定就好了。再次进行拉取或推送时就不需要再输入账号和密码了。
用户1890628
2019/07/01
1.6K0
Sourcetree
解决 SourceTree 提交时候 husky 命令失败问题
在使用 SourceTree 提交代码的时候,会出现 husky 命令失败的问题(通过命令行提交代码没有问题),如下图所示:
Cell
2023/07/11
1.5K0
解决 SourceTree 提交时候 husky 命令失败问题
SourceTree安装
SourceTree 是 Windows 和Mac OS X 下免费的 Git 和 Hg 客户端管理工具,同时也是Mercurial和Subversion版本控制系统工具。支持创建、克隆、提交、push、pull 和合并等操作。
py3study
2018/08/02
2.6K0
SourceTree免登录使用
官方下载地址:https://www.sourcetreeapp.com/download-archives
跟着阿笨一起玩NET
2020/06/22
1.9K0
git sourcetree
本地的新分支名称可以带路径,如:dev/test 就可以拉取 名称为 test 的本地分支,并在 dev 文件夹下面。
ruochen
2021/12/04
2K0
SourceTree使用技巧
SourceTree 是 Windows 和Mac OS X 下免费的 Git 和 Hg 客户端,拥有可视化界面,容易上手操作。同时它也是Mercurial和Subversion版本控制系统工具。支持创建、提交、clone、push、pull 和merge等操作。最主要是,它是中文、它是中文、它是中文。
freesan44
2019/03/19
6.6K0
SourceTree使用技巧
Sourcetree使用教程
· 使用远程仓库的好处就是可以不同而地方不同的电脑直接拉取项目开发,开发完提交就行了
sunonzj
2022/06/21
4.9K0
Sourcetree使用教程
最全面的SourceTree账号注册教程 SourceTree使用详解:
作为一个国内开发者而言使用Git操作神器SoureTree最大的问题就是账号注册问题,因为注册账号的链接在不翻墙的情况下基本上是打不开的(弄过的童鞋应该都体会过),所以有的时候我们需要借助一些翻墙工具助我们一臂之力。如蓝灯,谷歌访问助手等,该篇博客主要是讲解一下如何注册SoreceTree(我的版本是3.3.9)的Atlassian账号,文末还有一个SourceTree跳过注册安装使用的教程(不知道是不是我的版本太高的原因按照该篇博客的教程操作了还是不起作用,这里仅供大家参考,推荐使用注册账号的方式来进行登录)。
追逐时光者
2020/06/19
5.6K0
最全面的SourceTree账号注册教程
    




            SourceTree使用详解:
SourceTree 基本介绍
Git的服务器端: 最出名的是GitHub,但是不能创建私有仓库,创建私有得需要Money Bitbucket:可以创建私有数据库,但是速度太慢,太消磨激情了 如果既想创建私有又想要激情,那只能自己搭
用户1198337
2018/01/19
2K0
SourceTree 基本介绍
SourceTree的基本使用
  克隆完成后,得到的是发布后的master源码,如果想要获取最新的正在开发中的源码,需要对项目流进行初始化,点击“Git工作流”
用户1409099
2019/05/14
1.5K0
Git?看我SourceTree入门
前言:本文主要是通过SourceTree介绍<code>git</code>,花几分钟看完并操作,你一定可以熟悉的掌握基本用法 一、git是什么? Git是目前世界上最先进的分布式版本控制系统。 SVN是集中式版本控制系统,版本库是集中放在中央服务器的,而干活的时候,用的都是自己的电脑,所以首先要从中央服务器哪里得到最新的版本,然后干活,干完后,需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作,如果在局域网还可以,带宽够大,速度够快,如果在互联网下,如果网速慢的话,就纳闷了。
Dwyane
2018/05/22
1.3K0
SourceTree安装(小白特别详细教程)
首先,下载SourceTree,谷歌搜索SourceTree,第一第二个就是下载网址。
王小婷
2018/12/06
56.2K0
问题——持续更新
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/48552831
用户1451823
2018/09/13
1.3K0
问题——持续更新
sourceTree安装与使用
1,下载并安装 sourceTree http://downloads.atlassian.com/software/sourcetree/windows/SourceTreeSetup_1.6.14.exe
bear_fish
2018/09/19
2.8K0
sourceTree安装与使用
sourceTree+gerrit管理代码
第一次接触gerrit,会对这种代码管理方式非常排斥,尤其是习惯了用sourceTree配合git进行代码管理的同学。不爽归不爽,代码还得写,我们的目标是让开发过程爽起来。 关于gerrit的知识,移步这里学习:【Gerrit】Gerrit工作流程及使用手册 不熟悉的同学看完上面文章再继续学习。 我们遇到的问题主要有以下几个: 1 第一次拉取代码之前,需要配置本地git环境 1 sourceTree的某些功能不能使用了,让人不爽。比如无法直接push 2 提交代码过程中,如果冲突,gerrit默认不给mer
王大锤
2018/05/17
2.3K0
sourcetree跳过注册的方法
sourcetree跳过注册的方法 当前只有Win的版本,Mac自行百度(笑) 很多人用git命令行不熟练,那么可以尝试使用sourcetree进行操作。 然鹅~~sourcetree又一个比较严肃的
landv
2018/06/22
1.5K0
分布式运维监控系统 WGCLOUD v3.3.6 全新发布 详细解读更新功能点
WGCLOUD是一款集成度较高的分布式运维监控系统,具有易部署、易上手使用、轻量、高效等特点,server端基于springboot开发,agent端使用go编写。核心模块包括:主机系统信息监控,CPU监控,CPU温度监控,内存监控,网络流量监控,磁盘IO监控,磁盘空间监测,系统负载监控,硬盘smart健康检测,应用进程监控,端口监控,docker监控,日志文件监控,文件防篡改保护,数据可视化监控,自动生成拓扑图、大屏可视化,数通设备监测,服务接口监测,web ssh堡垒机,指令下发,告警信息(邮件、钉钉、微信等)推送。
那年十八
2022/01/18
1.1K0
分布式运维监控系统 WGCLOUD v3.3.6 全新发布 详细解读更新功能点
点击加载更多

相似问题

Sourcetree的问题

15

SourceTree不更新吗?

34

SourceTree的问题跟踪?

20

Bitbucket - SourceTree出问题了

10

更新SourceTree中的多个分支

21
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档