jsp中关于返回顶部的小功能。
日期：2014-05-17 浏览次数：20865 次
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);屡试不爽~~
在写个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);屡试不爽~~
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
