Question

我试图在滚动时保持标题固定，但我无法弄明白。

这是我的ListView代码：

    <asp:ListView ID="ListView1" runat="server" DataSourceID="SqlDataSource1" DataKeyNames="FormSectionSubSectionItemRelID" OnSelectedIndexChanged="ListView1_SelectedIndexChanged">

这是我的sites.css表css代码：

table {
border-collapse: collapse;
border-spacing: 0;
margin-top: 0.75em;
border: 0 none;
}

th {
font-size: 1.2em;
text-align: left;
border: none 0px;
padding-left: 0;
}

th a {
    display: block;
    position: relative;

}

th a:link, th a:visited, th a:active, th a:hover {
    color: #333;
    font-weight: 600;
    text-decoration: none;
    padding: 0;
}

th a:hover {
    color: #000;
}

th.asc a, th.desc a {
    margin-right: .75em;
}

th.asc a:after, th.desc a:after {
    display: block;
    position: absolute;
    right: 0em;
    top: 0;
    font-size: 0.75em;
}

th.asc a:after {
    content: '▲';
}

th.desc a:after {
    content: '▼';
}

td {
padding: 0.25em 2em 0.25em 0em;
border: 0 none;
}

tr.pager td {
padding: 0 0.25em 0 0;
}

如果有属性属性我可以更改或更改我的css代码那么这将是很好的。

Answer 1

如果您也可以从服务器端获取代码并创建代码演示，那么为您解决此问题将非常有用。

只是查看你的代码然后，看看你是如何询问试图在页面顶部修复某些东西，我在你的css代码中看到我在假设的页面顶部的绝对定位元素你希望在滚动时修复这个元素吗？

如果是这种情况，则需要将此代码从绝对更改为固定。

th.asc a:after, th.desc a:after {
  display: block;
  position: fixed; //fixed will not scroll with the page, where absolute will.
  right: 0em;
  top: 0;
  font-size: 0.75em;
}

如何在列表视图asp.net中轻松创建固定标头

1 个答案: