Ajax Control Toolkit——AlwaysVisibleControlExtender(懸浮效果)

來源:互聯網
上載者:User

 效果速遞:該控制項的效果就是無論你如何拖動捲軸還是拖拽瀏覽器視窗大小,該控制項都會隨之變化或者說始終複位到瀏覽器視窗的固定位置。

(AlwaysVisibleControlExtender used to add constant visibility to an ASP.NET control. The control that is extended then always moves to fixed position in the page regardless of how the body is resized or scrolled.)

1 <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
2 </asp:ToolkitScriptManager>
3 <asp:Panel ID="Panel1" CssClass="ys1" runat="server">
4 <asp:ImageButton ID="ibGoTop" ImageUrl="~/images/gotop.png" runat="server" />
5 </asp:Panel>
6 <asp:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" TargetControlID="Panel1"
7 VerticalSide="Bottom" VerticalOffset="10" HorizontalSide="Right" HorizontalOffset="10"
8 UseAnimation="true" runat="server" ScrollEffectDuration="0.1">
9 </asp:AlwaysVisibleControlExtender>

1.ToolkitScriptManager這是所有Ajax Toolkit Control所必需的;

2.該空件並不可見,而是與其它控制群組合使用,Panel是配合該控制項使用的較頻繁的容器控制項;

3.AlwaysVisbleControlExtender屬性介紹

   ——TargetControlID,就是目標控制項的ID,如本例中的“Panel”;

   ——VerticalSide(Bottom,Middle,Top),指定目標控制項在垂直邊的初始位置,本例為“Bottom”(底部);

   ——VerticalOffset(The default is 0 pixels),目標控制項距豎直初始位置的位移距離,本例為“10”px;

   ——HorizontalSide(Left,Center,Right,The default is Left),目標控制項在水平邊的初始位置

   ——HorizontalOffset,目標控制項據水平初始位置的位移距離,本例向左位移10px;若是Left,正值就向右位移;若是Right,正值就向左位移;Center,正值向左位移(注意:位移值不允許為負值);

   ——UseAnimation(true,false(default)),當該屬性weiTrue時,目標控制項複位會有動畫效果(有點像追趕),建議為true;

   ——ScrollEffectDuration(default is 0.1s),在我看來就是目標控制項初始化和複位到指定位置所需要的時間,千萬不要設定得過大。

更多相關,請參見>>@http://www.asp.net/ajaxlibrary/act_AlwaysVisible_Reference.ashx

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.