首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

jsp中关于返回顶部的小功能。

2012-08-24 
jsp中关于回到顶部的小功能。。。。。。在写个jsp动态页面,想实现一个小共能,但是不太会写,,麻烦各位会的能够帮

jsp中关于回到顶部的小功能。。。。。。
在写个jsp动态页面,想实现一个小共能,但是不太会写,,麻烦各位会的能够帮助一下。。
纵向的jsp网页长度比较长,所以我想在页面的右下角弄一个按钮,即实现“回到顶部”这样的效果,按下后,网页回到默认的顶部状态,,,我在线等着大家的回复,,先谢谢各位 了。

[解决办法]
最简单的一种是 
<a href="#">回到顶部</a>
[解决办法]
正规的做法是 加一个 html 锚点 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>锚点示例</title> 
</head> 

<body> 
<a name="A0" id="A0"></a> 
<a href="#A1">网页第一部分</a> 
<a href="#A2">网页第二部分</a> 
<div style="height:900px; background:#CCCCCC"></div> 
<a name="A1" id="A1"></a>1<a href="#A0">返回顶部</a> 
<div style="height:900px; background:#999999"></div> 
<a name="A2" id="A2"></a>2<a href="#A0">返回顶部</a> 
<div style="height:900px; background:#666666"></div> 
</body> 
</html> 

[解决办法]
location.hash="task_a"; <a name="task_a" href="#task_a"></a>
[解决办法]
jsp里有<a name="task_a" href="#task_a"></a> 函数中调用 location.hash="task_a";
[解决办法]
锚点在某些时候会失效。。具体为什么不清楚 ,可以用这个去定位
window.scroll(0,document.getElementById(divId).offsetTop);屡试不爽~~

热点排行