关于弹出层定位的问题

最新推荐文章于 2024-06-24 17:01:01 发布
最新推荐文章于 2024-06-24 17:01:01 发布
阅读量3.9k 收藏 1
点赞数
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/like_jack/article/details/77619930
版权

弹出层写在了body内，body内还有另外两个div。本想给弹出一个绝对定位，但是发现body的实际高度比并不是全屏，因为有一个选项卡是经过点击之后显示的，body并没有包含这个被显示的选项卡，只是最初状态的值。 后来给把弹出层的绝对定位改为fixed就好了。就会覆盖全屏若是绝对定位覆盖的只是在选项卡没被显示的时候的高度了。
为啥当选项卡被显示的时候body的高度的高度为什么不会随着增高呢？ 待解，先记下！

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

脚下的黑珍珠号
关注
专栏目录
div弹出层 定位问题的 处理
12-01
div弹出层 定位问题的 处理
DIV弹出层+定位
12-24
这个例子是，div弹出层并且固定位置，弹出层的弹出方式为滑动方式。
手把手教你，Selenium 遇见伪元素该如何处理？
最新发布
2301_77645573的博客
06-24 334
遇见伪元素该如何处理？
el-autocomplete 当页面滚动但滚动区域不为window时，弹出层定位不准确问题
tangyuhui
02-19 1555
问题 element中el-autocomplete组件，当页面滚动但滚动区域不为window时，弹出层定位不准确问题 解决方案 研究源码发现，el-autocomplete所依赖的popperjs有监听window滚动事件，能够在页面滚动时实时更新popper的位置。 但因为我的布局滚动区域不是window，而是内容区域所在div。接下来我提供一种思路。在mounted方法中监听滚动容器的滚动事...
JS弹出层单纯的绝对定位居中
尹子昊专栏
08-29 806
function doThis()     {    var a = document.getElementById("addYear");    a.style.left=(document.body.clientWidth/2-a.clientWidth/2)+"px";    a.style.top=(document.body.scrollTop+document.body.cli
RF框架-一个简单的脚本实现及元素定位不到问题的解决
show me the code
01-25 4877
第一次尝试自己写一个简单的脚本，虽然功能极简单，但是依然遇到了很多问题，此刻脚本终于成功PASS了，所以决定记录一下。         脚本要实现的功能是打开百度-在搜索框中输入文本-执行搜索-关闭浏览器。首先在页面上查看元素，确定自己要定位到的元素有哪些。这里编辑框id=‘kw’，name=‘wd’，button的id=‘su’，通过id或名称可以定位到具体的元素。 实现如图： 1
如何鼠标点击div，弹窗出现在鼠标附近并在可视区域中
ndjiafp的博客
12-29 1443
function form(id) {//点击事件获取到点击div得id var click = document.getElementById(id)//点击div得dom元素 var alert = document.getElementById("details")//弹出层的dom元素 click.onmouseup = function (e) { var scrollX = document.documentElement.scrollLeft |
JS 弹出层 定位至屏幕居中示例
10-25
- 通过 `left: 50%` 和 `top: 50%` 将弹出层定位至屏幕的中心； - `margin-left` 和 `margin-top` 分别设置为 `-150px` 和 `-60px`，以便弹出层可以准确地居中于屏幕。这是因为将元素的 `left` 和 `top` 设置为 `50%...
JS弹出层单纯的绝对定位居中示例代码
10-26
在这篇关于“JS弹出层单纯的绝对定位居中示例代码”的文章中，作者详细介绍了如何通过JavaScript代码实现一个弹出层的绝对定位居中效果。以下是对文章中提到的知识点的详细说明： 1. HTML元素的定位属性：在HTML中...
js鼠标滑过弹出层的定位IE6bug解决办法
12-01
然而，在处理这些弹出层时，尤其是针对老版本的 Internet Explorer（如 IE6）时，可能会遇到一些特有的兼容性问题。本文将深入探讨一个常见的IE6浏览器中的bug以及如何通过jQuery来解决这个问题。 在现代浏览器中，...
layui layer弹出层通过offset属性定位弹出层在光标处弹出(event.clientY和event.clientX)失败。
StephKuny的博客
04-22 1602
将弹出层弹出位置定位到光标处，大小超过父弹出层的部分无法显示 .js //页面层-自定义 $("#more").click(function (event) { layer.open({ id:"moreMenu", type: 1, title: false, closeBtn: 0, shadeClose: true, shade:0.0001, skin: 'menuBody',
前端框架Hui LayerUi所遇到弹出层方法调用的问题
Joe的专栏
03-24 6333
在写代码的时候想做一个button关闭弹出层的功能，结果发现在button调用子页面的javascript:close();，再到子页面调用父页面的function close(){     parent.layer.close(parent.index); }方法出现死循环，在通过多次的调整后发现问题还是出现在对layerUi 中的弹出层部分。layer.close(index)为了达到父页面打...
jquery 在指定位置弹出div框
分享经验，共同进步.
09-13 7605
1、功能要求：页面上一个div，默认是隐藏起来的，当点击页面中的a标签后，让这个div在a标签位置显示该div。 2、实现代码：$("#aChooseNumber").click(function () {                $("#divChooseNumber").css("position", "absolute");                $("#divChooseNu
当弹窗中的元素定位不到时，用Css_selecter进行定位
Love_Polaris的博客
07-03 697
当定位这个确定时，以为是弹窗，就用了捕捉弹窗，结果定位不到，用JS定位也不行，可能是我代码写的有问题，最后用css选择器进行定位了
python+selenium 捕捉不到弹出的div类型的提示解决方法
热门推荐
Dear_Merlin的博客
08-24 1万+
我在用python+selenium，进行某一网址，登录口的测试时，对错误处理进行处理 用户名 错误用户名 密码 正确密码格式 然后，如果是上面这种情况，系统会从右上角弹出一个类似于文本框的提示： 不存在该用户名或用户被禁用! 但是这个框，我尝试捕获<p>,<div>，它是div类型的，但是无法捕获，如下： b.find_element_b...
html抓取鼠标点击位置,怎么获取鼠标的点击位置，并在该位置弹出一个div
weixin_36339710的博客
05-30 774
偷了个懒，直接用了jQuery来写了，主要就是利用点击事件拿到鼠标位置，如下代码：Document* {margin: 0;padding: 0;list-style: none;}.msg {display: block;margin: 10px auto 0;padding: 10px;width: 700px;height: 300px;color: #333;border: 1px sol...
点击弹出居中的遮罩层代码
grous的专栏
01-18 1518
点击弹出居中的遮罩层代码 .hidden{display:none;} #smallLay{width:498px; height:100px;padding:4px 10px 10px;background-color:#FFFFFF;border:1px solid #05549d;color:#333333;line-height:24px;text-align:left;-we
html点击按钮弹出悬浮窗_点击文字或按钮弹出一个DIV窗口（DIV悬浮窗口）
weixin_39868663的博客
12-20 6554
以下是弹出窗口代码：点击文字弹出一个DIV层窗口代码.black_overlay{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:1001;-moz-opacity: 0.8;opacity:.80;filter: alpha(opa...
【记录一次无法定位到alert弹框以及处理方法】
luxiaofeng_chuanqi的博客
07-05 619
HTML的confirm无法定位解决
jQuery自定义弹出层效果实现详解
`#DialogBySHF`则是弹出层本身，设置了绝对定位，具有圆角边框和阴影效果，背景颜色为浅灰色，其`z-index`值高于遮罩层，确保它在遮罩之上显示。 `#DialogBySHF#Title`定义了弹出层的标题部分，具有橙色背景，白色...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值