添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码资源-CSDN下载

共1个文件

htm：1个

HTML

JavaScript

浮动按钮

网页底部

演示代码

4星 · 超过85%的资源需积分: 50 67 浏览量 2014-09-06 15:04:38 上传评论收藏 3KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

goBottom-JavaScrpt-demo.zip （1个子文件）

goBottom-demo.htm 3KB

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-cn"> <HEAD> <TITLE>添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码（goBottom）by PurpleEndurer</TITLE> <style type="text/css"> #goBottomBtn {float:right; POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 20px; WIDTH: 30px; BOTTOM: 65px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px; _position: absolute; _right: auto; border: 1px solid gray; background:green; color:white;} </style> </HEAD> <BODY> <p>添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码（goBottom）　by　PurpleEndurer <a href="http://blog.csdn.net/purpleendurer">http://blog.csdn.net/purpleendurer</a></p> <p>IE9、11，Maxthon 1.6.7，Firefox30、31，360极速浏览器7.5.3.308下测试正常</p> <p><a href="#1" onclick="window.scrollTo(0,99999);return false;">跳到网页底部方法1</a> <a href="#1" onclick="window.scrollTo(0,99999);return false;">跳到网页底部方法2</a></p> <script type="text/javascript">  </script> </BODY> </HTML>

评论收藏

内容反馈