当前位置: 代码迷 >> Java Web开发 >> jsp中关于返回顶部的小功能。
  详细解决方案

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

热度:1069   发布时间:2013-02-25 21:14:22.0
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);屡试不爽~~
  相关解决方案