ASP.net中页面中滚动条代码

作者:袖梨 2022-06-25

针对这个问题我在网上找了好多,发现答案比较乱。其实Asp.net中page对象就有一个属性可以使页面提交或者更新数据后,返回页面原来位置,包括滚动条位置都可以保存。
复制代码 代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.asp教程x.cs" MaintainScrollPositionOnPostback="true"
Inherits="Default.Default" %>

在html原页面顶部将MaintainScrollPositionOnPostback属性设置为true就OK了;


除页面滚动条的方法

今天做站的时候客户要求实现网站全屏,使用JavaScript:







打开



可是,即使scrollbars值为0,在全屏的时候仍然会出现滚动条,后来发现,要完全取消滚动条,还需要在CSS里面加上:

overflow:hidden;

有网友说可以在Body里面加上scroll=no实现,例如


asp.net教程页面刷新后的滚动条位置不变


利用MaintainScrollPositionOnPostback属性

  考虑到一个很长的页面,如果每次POSTBACK之后,那个IE的滚动条可能都会回到最开始的地方(最上面),而不会保留其原先已经有的位置,这样用户会比较麻烦,又要把滚动条移动到原来的地方,在asp.net 2.0中,可以设置MaintainScrollPositionOnPostback属性为TRUE即可,即

  <%@ Page Language="VB" AutoEventWireup="false" MaintainScrollPositionOnPostback="true" CodeFile="MaintainScrollPosition.aspx.vb" Inherits="MaintainScrollPosition" %>

  在asp.net中,postback非常常用。最近发现一个小技巧,可以在postback后保持滚动条的位置。

  非常简单。在<%@ Page %>中加入一个属性:

  SmartNavigation="true"

  这样在IE中可以做到保持滚动条位置,并且页面不会闪。

  如果还要Firfox支持,则可以在Page_Load()中加入:

  Page.MaintainScrollPositionOnPostBack = true;

  这个属性是.Net2.0的,我把2个方法同时使用,经测试可以满足要求。

  只需在asp.net页面的Page指令中设置MaintainScrollPositionOnPostback="true"就可以轻松实现。

  MaintainScrollPositionOnPostback属性的默认值为false。

相关文章

精彩推荐