gpt4 book ai didi

css - 带有 ui-scrollfix 的 Angular 中的粘性标题表

转载 作者:行者123 更新时间:2023-11-28 04:59:00 25 4
gpt4 key购买 nike

滚动时如何固定表格的标题?我正在尝试这个,但它不起作用:

<body>
<div ui-view="header"></div>
<div ui-view="content"></div>
<div ui-view="footer"></div>
</body>

内容:

<div class="table-responsive">
<table class="table table-condensed">
<thead>
<tr class="well" ui-scrollfix>

使用 CSS:

.well {
background : #eee;
}

.well.ui-scrollfix {
position : fixed;
background : #f00;
top : 50;

}

我正在使用 bootstrap、angular、SPA,并使用 ng-repeat 从 MongoDB 数据库获取数据。非常感谢

最佳答案

Bootstrap Affix Article

<div data-spy="affix" data-offset-top="60" data-offset-bottom="200">
...
</div>

<script>
$('#myAffix').affix({
offset: {
top: 100,
bottom: function () {
return (this.bottom = $('.footer').outerHeight(true))
}}
})
</script>

关于css - 带有 ui-scrollfix 的 Angular 中的粘性标题表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40216701/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com