问题遇到的现象和发生背景
项目用的前端框架是bootstrap 弹出框 我用的是bootstrap 自带的modal 但是始终无法实现 ，bootstrap固定列表头有很麻烦所以我需要modal随滚动条滚动
我的解答思路和尝试过的方法
照理说加个postion属性就可以了 但是position失效了 网上查了各种办法都没用。
我想要达到的结果
我现在就想实现一个功能就是把modal跟着滚动条滚动 让我的弹窗一直保持在窗口的中间 而不是像图片上这样
前端，如何将 div 钉在屏幕的中间 随着滚动条滚动?
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
- 焦焦焦iii 2021-12-27 16:44关注
postion:fixed 或者 position:sticky，有兼容性的问题，记得加浏览器兼容前缀
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享1 人已打赏
- 2021-12-27 16:26回答 1 已采纳 postion:fixed 或者 position:sticky，有兼容性的问题，记得加浏览器兼容前缀
- 2022-01-03 03:31回答 2 已采纳 var div = document.getElementByClassName('content)[0]; div.scrollTop = div.scrollHeight;
- 2022-02-10 09:58回答 2 已采纳 滚动你就得看是哪个元素在滚动，审查元素一下，哪一个的高度比较高且处于最上位的那个就是滚动的那个，把事件添加到对应的元素就行，如果你一定要第一个div滚动又不要滚动条，其实存在样式可以去掉对应的滚动条。
- 2020-10-30 18:21用div+css解决出现水平滚动条问题
- 2022-03-05 14:38回答 1 已采纳 加个top跟left值，再加个滚动条overflow-y:auto
- 2023-03-09 11:09回答 3 已采纳 明显是变量冲突了
- 2022-02-25 18:32回答 1 已采纳 overflow:hidden
- 2020-12-04 04:00使用JQuery添加如下代码 代码如下: $(‘#sourceDiv’).scroll( function() { $(‘#targetDiv’).scrollTop($(this).scrollTop()); $(‘#targetDiv’).scrollLeft($(this).scrollLeft()); }); $(‘#targetDiv’)....
- 2022-04-26 13:34回答 3 已采纳 看你这意思，你是想做可视化大屏那样的东西扒，同比例缩放宽度或者高度占满浏览器。有一点得注意，在1980分辨率下面，浏览器内容高度并没有1080的，你试试把初始值改成937px
- 2022-11-25 08:28回答 4 已采纳 所有浏览器支持 window.pageXOffset 和 window.pageYOffset. 除了 IE8 以下，所有支持 scrollLeft 和 scrollTop https://jingy
- 2021-11-18 19:00回答 8 已采纳 记住滚动的距离，改变tab就滚动到指定位置
- 2020-09-25 07:34div加滚动条在前端的网页布局中为了达到类似textarea的效果采取的一种方式，下面提供了几种设置方法，需要注意的是直接为div指定overflow属性为auto即可，但是必须指定div的高度
- 2022-12-27 14:01回答 4 已采纳 固定行数后实际和分页差不多，显示条数一定，可以计算出页数，滑动条宽度为100/页数，top参数和加载页数有关。设置为当前页-1/页数%基本就差不多了
- 2020-09-28 15:56Love_云宝儿的博客 直接上代码 <!DOCTYPE html> <... ...meta name="format-detection" content="telphone=no, email=no">...meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,
- 2019-05-09 14:38不要生病~的博客 div id="box"></div> <div id="guang">广告</div> 2.利用fixed 绝对定位的元素,相对于浏览器窗口进行定位。 #box{height: 2000px; width:80%; background: red; margin: ...
- 没有解决我的问题, 去提问
问题事件
系统已结题 1月4日
已采纳回答 12月27日
悬赏问题
- ¥15 在工控机（Ubuntu系统）上外接USB蓝牙硬件进行蓝牙通信
- ¥15 关于PROCEDURE和FUNCTION的问题
- ¥100 webapi的部署(标签-服务器)
- ¥20 怎么加快手机软件内部计时的时间(关键词-日期时间)
- ¥15 C语言除0问题的检测方法
- ¥15 为什么四分管的内径有的是16mm有的15mm，四分不应该是12.7mm吗
- ¥15 macos13下 ios交叉编译的问题
- ¥15 bgz压缩文件怎么打开
- ¥15 封装dll（引入了pcl的点云设计库）
- ¥30 关于#开发语言#的问题：我需要在抄板的基础上再抄板抄程序，根据RDA8851CM基础上开发