jquery - Bootstrap Modal ScrollTop 与偏移量无关滚动位置
问题描述
我正在使用引导程序 3.3.7 模式。
模态框在固定位置是全高和 600 像素宽度,.modal-body
必须overflow-y:scroll;
允许模态框在页面中间滚动。
在模式的左侧,我有一个绝对位置导航,用简单href
的按钮转到#ID。模态有各种锚点,其中设置了id
属性<div>
。单击左侧导航时,我希望它滚动到锚点。
这适用于以下代码:
jQuery('.chapter-select').on('click', function() {
if (!jQuery(this).hasClass("active")) {
jQuery('.modal-body').animate({
scrollTop: jQuery(jQuery(this).attr('href')).offset().top - 30 }, 1000);
}
return false;
});
除非我向下滚动模态体,然后单击按钮。只要我在单击导航按钮时直接位于锚点上,它就会完全滚动到应有的 ID 锚点。但是,如果我在模式中向下滚动一点,然后单击导航按钮,它滚动不够,它停得太高了。定位已关闭。
我想我需要将偏移量设置为相对于模态框滚动位置,但我不知道该怎么做。
解决方案
推荐阅读
- python - 在 PyInstaller 可执行文件中处理动态加载的 .pyd 模块的导入
- javascript - 将事件从 api 添加到 React 日历
- android-studio - 模拟器位置刺激器突然不工作android studio
- azure-data-factory - 来自多个来源的数据并根据 Lookup SQL 数据决定目的地
- google-apps-script - 使用 VLOOKUP 检测单元格上的编辑 - Google 表格
- typescript - 无法使用 Typescript 项目引用构建 Vue.js 应用程序
- jenkins - Teamcity 到 Jenkins 迁移
- singleton - 放置多个附件时出现 Odoo Singleton 错误
- android - 从图库中选择图像后出现空白屏幕
- css - 更改文本字段 onFocus mui 的背景颜色