Question

我在主体内容的左侧，顶部和右侧有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>

如果有可能，我希望有人能告诉我如何。

Answer 1

AjaxControlToolkits的{{1}}解决了您的问题。有关详细信息，请参阅this

Answer 2

选项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;
}

另一个选项是将固定高度设置为body，并将overflow：auto设置为包含内容的div。当屏幕保持固定时，滚动显示在内容div上。

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

</div>  
</asp:Content>

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

2 个答案: