html返回底部代码，返回页⾯顶部及去页⾯底部的js实现代码⼤家应该都见过这样的功能：在页⾯的⼀侧有个 返回顶部、到达底部 之类的功能。html滚动效果代码
本⽂⽤JS脚本来实现这样的功能，与以往的那种靠#锚点的⽅法略有不同。
1、到达顶部：
复制代码 代码⽰例:
window.scrollTo(0, 0);
2、到达底部：
复制代码 代码⽰例:
window.scrollTo(0, 99999);//⼀般页⾯长度都不够99999吧？
3、页侧固定的，不随页⾯⼀起滚动区域：
1)、CSS代码
复制代码 代码⽰例:
#divPanel{position:fixed;top:50px;right:250px;width:20px;height:650px; background-
color:#FBDBE6;cursor:pointer;padding:0;font-size:12px;text-align:center;}
#divNext{height:580px;padding-top:10px;background-color:#FFDFF7;}
#divGoToBottom{height:60px;margin-top:5px; background-color:#FBaaaa;padding-top:10px;}
2)、HTML代码
复制代码 代码⽰例:
下⼀个
到底部
3)、javascript代码
复制代码 代码⽰例:
function NextPage() {
var objNext = ElementById("");
if (objNext.disabled == true) {
alert("已是最后⼀张。");
window.close();
}
else
objNext.click();
}
function GoToBottom() {
window.scrollTo(0, 99999);
return false;
}
看了上⾯的代码，有什么感想呢？解决问题的⽅法，不⽌⼀种，多探索，勤实践，技术⽔平⼀定会快速提⾼的。jquery中⽂⽹，祝⼤家学习进步。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。