html返回底部代码,返回页面顶部及去页面底部的js实现代码
大家应该都见过这样的功能:在页面的一侧有个 返回顶部、到达底部 之类的功能。
本文用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 = document.getElementById("");
if (objNext.disabled == true) {
alert("已是最后一张。");
window.close();
}
else
objNext.click();
}
function GoToBottom() {
window.scrollTo(0, 99999);
return false;
}
看了上面的代码,有什么感想呢?解决问题的方法,不止一种,多探索,勤实践,技术水平一定会快速提高的。
jquery中文网,祝大家学习进步。
html返回底部代码,返回页面顶部及去页面底部的js实现代码相关推荐
- HTML5七夕情人节表白网页(抖音-流动爱心表白)HTML+CSS+JavaScript 求婚示爱代码 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码 爱心表白网页
HTML5七夕情人节表白网页❤抖音-流动爱心表白❤ HTML+CSS+JavaScript 求婚示爱代码 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码 爱心表白网页 这是程序员表白 ...
- HTML5七夕情人节表白网页(抖音超火3D炫酷魔方) HTML+CSS+JavaScript 求婚示爱代码 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码 css爱心表白
HTML5七夕情人节表白网页❤抖音超火❤3D炫酷魔方❤ HTML+CSS+JavaScript 求婚示爱代码 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码 css爱心表白 这是程序 ...
- HTML5七夕情人节表白网页(抖音-罗盘时钟) HTML+CSS+JavaScript 求婚示爱代码 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码 css爱心表白
HTML5七夕情人节表白网页❤抖音罗盘时钟❤ HTML+CSS+JavaScript 求婚示爱代码 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码 css爱心表白 这是程序员表白系列 ...
- HTML5七夕情人节表白网页(结婚倒计时) HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码 css爱心表白
HTML5七夕情人节表白网页❤结婚倒计时❤ HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码 css爱心表白 这是程序员表白 ...
- HTML5七夕情人节表白网页(粉色的情人节爱心飞出ui特效) HTML+CSS+JavaScript 求婚示爱代码 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码 css爱心
HTML5七夕情人节表白网页❤粉色的情人节爱心飞出ui特效❤ HTML+CSS+JavaScript 求婚示爱代码 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码 css爱心表白 这 ...
- HTML5七夕情人节表白网页(烂漫的空中散落的花瓣3D相册) HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码
HTML5七夕情人节表白网页❤烂漫的空中散落的花瓣3D相册❤ HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码 css爱心表 ...
- HTML5七夕情人节表白网页(幻化3D相册) HTML+CSS+JavaScript 求婚示爱代码 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码 css爱心表白
HTML5七夕情人节表白网页❤幻化3D相册❤ HTML+CSS+JavaScript 求婚示爱代码 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码 css爱心表白 这是程序员表白系列 ...
- HTML5七夕情人节表白网页(抖音3D立方体图像库) HTML+CSS+JavaScript 求婚示爱代码 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码 css爱心表白
HTML5七夕情人节表白网页❤抖音❤3D立方体图像库❤ HTML+CSS+JavaScript 求婚示爱代码 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码 css爱心表白 这是程序 ...
- HTML5七夕情人节表白网页(流星雨3D旋转相册) HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码
HTML5七夕情人节表白网页❤流星雨3D旋转相册❤ HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码 css爱心表白 这是程 ...
- HTML5七夕情人节表白网页(绘制冬季下雪3D相册) HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码 css爱心
HTML5七夕情人节表白网页❤绘制冬季下雪3D相册❤ HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 3D旋转相册 js烟花代码 css爱心 这是程序 ...
最新文章
- ORACLE数据库备份
- 《数据驱动安全:数据安全分析、可视化和仪表盘》一3.3 读入数据
- 一本书——《锋利的jQuery》
- 一周安全事件点评:***黑手正伸向商业数据
- java的数据类型如下所示
- 这是目录以下是本人认为wc的C++
- python list去重并删除某些元素_使用Python实现list(列表)中的重复元素删除,例如: X= [1,1,2,a,a,[1,2,3]] 去重后:X= 「1,2,a,[1,2...
- linux 源码安装mysql 5.5
- 全球首发1毫秒计费模式,腾讯云引领Serverless时代新标准
- 不是我不想动脑筋,给我一个支点看看——看《编程之美》,玩数独,大有乐趣...
- VSCrawler 爬取美女图片
- 安智市场发展史:刷机产业链的”中间商”
- 恐惧迷宫小游戏抖音快手超火
- 百度啊,你是新年第一惨
- 中国移动光猫H2-3拨号模式和bridge(桥)模式
- Windows+VScode配置与使用git,超详细教程,赶紧收藏吧
- 购入计算机设备一批验收入库,购入并已验收入库的原材料如何做会计分录
- 如何高效的使用便利贴 win10便签贴工具居然可以这么好用
- 一起来看流星雨剧情简介/剧情介绍/剧情分集介绍第十一集
- 比较好的android 手机号码,安卓手机最好的系统(五大公认最好用的安卓手机系统)...