图像按钮中的 asp.net 图像保持静止答案

【问题标题】：asp.net images in image buttons to remain stationary图像按钮中的 asp.net 图像保持静止
【发布时间】：2015-09-11 12:08:49
【问题描述】：

我在主体内容的左侧、顶部和右侧有 3 个图像按钮。

我希望将它们固定在适当的位置，以便当我向上或向下滚动时，它们会保持在适当的位置。

此页面有一个母版页。我正在使用 ContentPlaceHolders：

<asp:Content ID="Content1" ContentPlaceHolderID="left_col_fbodyContentPlaceHolder"
    runat="Server">
    <asp:ImageButton ID="LeftImageButton" runat="server" Width="233px" Height="100%" ImageUrl="~/images/100_3445sr194k.jpg" PostBackUrl="~/test1.aspx" />       
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="upper_body_ContentPlaceHolder" runat="Server">
    <asp:ImageButton ID="TopImageButton" runat="server" Width="770px" Height="40px" ImageUrl="~/images/100_3496sr194k.jpg" PostBackUrl="~/test1.aspx" />        
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="right_col_fbodyContentPlaceHolder"
    runat="Server">
    <asp:ImageButton ID="RightImageButton" runat="server" Width="233px" Height="100%" ImageUrl="~/images/100_3496sr194k.jpg" PostBackUrl="~/test1.aspx" />        
</asp:Content>

如果可能的话，我希望有人能告诉我怎么做。

【问题讨论】：

显示您尝试过的内容以及失败的原因。

标签： c# html css asp.net

【解决方案1】：

选项1.：在css中使用固定位置

<div class='fixedDiv'>
<asp:ImageButton ID="LeftImageButton" runat="server" Width="233px"    Height="100%" ImageUrl="~/images/100_3445sr194k.jpg" PostBackUrl="~/test1.aspx" />
</div>

在css中：

.fixedDiv{
position:fixed;
}

另一个选项是将固定高度设置为正文，并将溢出：自动设置为包含内容的 div。滚动显示在内容 div 上，而屏幕保持固定。

<asp:Content ID="Bodycontent" ContentPlaceHolderID="BodyContent"
runat="Server">
<div style='height:900px;overflow:auto'>

</div>  
</asp:Content>

【讨论】：

谢谢。我很感激。

【解决方案2】：

AjaxControlToolkits 的AlwaysVisibleControl 解决了您的问题。更多详情见this

【讨论】：

谢谢。事实证明这比我预期的更有用。