css - Bootstrap Affix 固定位置动态

标签 css twitter-bootstrap twitter-bootstrap-3 bootstrap-affix

我正在使用 Bootstrap 在页面的一侧添加一个菜单。我希望菜单在用户滚动过去时保留在页面顶部。我发现了 affix在 bootstrap.js 中。但是,因为我在屏幕上使用了不同的列尺寸,所以我很难让它保持在正确的位置。

我让它在正确的时间开始并使其正确定位 topwidthright 不是工作。

我正在使用 bootstrap 3.3。

我想我将不得不使用屏幕宽度的百分比,然后在 CSS 中进行媒体查询。

JS Fiddle

最佳答案

我已经解决了。

带有词缀的元素需要是其上带有 col- 类的元素的子元素。然后,您还必须为 Bootstrap 识别的每个不同屏幕宽度设置宽度(以像素为单位)。

关于css - Bootstrap Affix 固定位置动态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50470704/

相关文章:

html - 删除页面页脚会使页面变形。如何修复它?

css - 当浏览器缩小时,如何保持要调整大小的图像高度?

jquery - jQuery 语法错误?

css - Bootstrap 下拉菜单未显示为静态菜单

php - 针对不同尺寸对齐/排序 HTML 中的图像

HTML select 不考虑边距

html - 列表组元素中水平对齐的 div

html - Bootstrap 3 中的自定义嵌套列

html - 如何使 html 表单适合填充容器

jquery - 为什么数据表在使用 bServerSide=true 时设置自动表宽度?