问题遇到的现象和发生背景
项目用的前端框架是bootstrap 弹出框 我用的是bootstrap 自带的modal 但是始终无法实现 ，bootstrap固定列表头有很麻烦所以我需要modal随滚动条滚动
我的解答思路和尝试过的方法
照理说加个postion属性就可以了 但是position失效了 网上查了各种办法都没用。
我想要达到的结果
我现在就想实现一个功能就是把modal跟着滚动条滚动 让我的弹窗一直保持在窗口的中间 而不是像图片上这样
前端，如何将 div 钉在屏幕的中间 随着滚动条滚动?
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
焦焦焦iii 2021-12-27 16:44关注postion:fixed 或者 position:sticky，有兼容性的问题，记得加浏览器兼容前缀
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
1 人已打赏
- 2022-01-03 03:31回答 2 已采纳 var div = document.getElementByClassName('content)[0]; div.scrollTop = div.scrollHeight;
- 2022-02-10 09:58回答 2 已采纳 滚动你就得看是哪个元素在滚动，审查元素一下，哪一个的高度比较高且处于最上位的那个就是滚动的那个，把事件添加到对应的元素就行，如果你一定要第一个div滚动又不要滚动条，其实存在样式可以去掉对应的滚动条。
- 2022-03-05 14:38回答 1 已采纳 加个top跟left值，再加个滚动条overflow-y:auto
- 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,
- 2023-03-09 11:09回答 3 已采纳 明显是变量冲突了
- 2022-02-25 18:32回答 1 已采纳 overflow:hidden
- 2021-12-07 10:02回答 2 已采纳 设置div下边距padding-bottom，给滚动条留点空间设置滚动条样式,调小或隐藏 overflow-y: scroll; //整个滚动条 ::-webkit-scrollbar { di
- 2024-05-08 10:11前端组件开发的博客 为可滚动并通过 CSS 自定义滚动条的颜色并不是所有浏览器都直接支持的功能，因为滚动条的样式在很大程度上取决于操作系统和浏览器的默认样式。然而，你可以使用某些 CSS 属性来尝试自定义滚动条的外观，这些属性在 ...
- 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;
- 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 就可以改 下面这篇文章主要就是介绍了前端如何来修改各大浏览器的滚动条样式，首先要知道，修改滚动条样式，其...
- 2024-07-04 00:17Glacier(Studing)的博客 让滚动条回归最左侧
- 2022-08-25 14:49MarvelHonor的博客 div 自动跟着滚动条移动
- 没有解决我的问题, 去提问
问题事件
系统已结题
1月4日
已采纳回答
12月27日-
创建了问题
12月27日
悬赏问题
- ¥60 优博讯DT50高通安卓11系统刷完机自动进去fastboot模式
- ¥15 minist数字识别
- ¥15 在安装gym库的pygame时遇到问题，不知道如何解决
- ¥20 uniapp中的webview 使用的是本地的vue页面，在模拟器上显示无法打开
- ¥15 网上下载的3DMAX模型，不显示贴图怎么办
- ¥15 关于#stm32#的问题：寻找一块开发版，作为智能化割草机的控制模块和树莓派主板相连，要求：最低可控制 3 个电机（两个驱动电机，1 个割草电机），其次可以与树莓派主板相连电机照片如下：
- ¥15 Mac(标签-IDE|关键词-File) idea
- ¥15 潜在扩散模型的Unet特征提取
- ¥15 iscsi服务无法访问，如何解决？
- ¥15 感应式传感器制作的感应式讯响器