问题遇到的现象和发生背景
项目用的前端框架是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-09-25 07:34div加滚动条在前端的网页布局中为了达到类似textarea的效果采取的一种方式，下面提供了几种设置方法，需要注意的是直接为div指定overflow属性为auto即可，但是必须指定div的高度
- 2023-03-09 11:09回答 3 已采纳 明显是变量冲突了
- 2022-03-05 14:38回答 1 已采纳 加个top跟left值，再加个滚动条overflow-y:auto
- 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’)....
- 2017-03-28 08:35回答 5 已采纳 拿当前的scrollTop和之前的scrollTop对比 如果变大了，表示向下滚动（scrollTop值变大）； 如果变小了，表示向上滚动（scrollTop值变小）。 [可以看下这个]
- 2022-11-25 08:28回答 4 已采纳 所有浏览器支持 window.pageXOffset 和 window.pageYOffset. 除了 IE8 以下，所有支持 scrollLeft 和 scrollTop https://jingy
- 2021-08-09 11:20回答 2 已采纳 /*隐藏这句话*/ justify-content: space-around;
- 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,
- 2021-11-18 19:00回答 8 已采纳 记住滚动的距离，改变tab就滚动到指定位置
- 2019-05-09 14:38不要生病~的博客 div id="box"></div> <div id="guang">广告</div> 2.利用fixed 绝对定位的元素,相对于浏览器窗口进行定位。 #box{height: 2000px; width:80%; background: red; margin: ...
- 2022-04-15 05:00雨季mo浅忆的博客 前端自定义设置各浏览器滚动条scrollbar样式的方法 有时候项目里 UI 的需求是改滚动条的样式 ，css 就可以改 下面这篇文章主要就是介绍了前端如何来修改各大浏览器的滚动条样式，首先要知道，修改滚动条样式，其...
- 没有解决我的问题, 去提问
问题事件
系统已结题
1月4日
已采纳回答
12月27日-
创建了问题
12月27日
悬赏问题
- ¥15 metadata提取的PDF元数据，如何转换为一个Excel
- ¥15 关于arduino编程toCharArray()函数的使用
- ¥100 vc++混合CEF采用CLR方式编译报错
- ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？
- ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
- ¥15 c#逐行读取txt文本，但是每一行里面数据之间空格数量不同
- ¥50 如何openEuler 22.03上安装配置drbd
- ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
- ¥15 无线连接树莓派，无法执行update，如何解决？（相关搜索：软件下载）
- ¥15 Windows11, backspace, enter, space键失灵