js,html-点击直接跳转到页面底/顶部
2024-10-18 21:28:16
案例一:js控制,无滑动效果
<html>
<body>
<a href="javascript:void(0);" onclick="javascript:document.getElementsByTagName('BODY')[0].scrollTop=document.getElementsByTagName('BODY')[0].scrollHeight;"搜索>到页底</a>
<div style="height:3000px;"></div>
<a href="javascript:void(0);" onclick="javascript:document.getElementsByTagName('BODY')[0].scrollTop=0;">回页顶</a>
</body>
</html>
案例二:html描点控制。无滑动效果
<body>
<a href="#DD" >bottom</a>//跳到id为DD的锚点
// 内容
<a id='DD' ></a>//空的锚点
</body>
最新文章
- Net设计模式实例系列文章总结
- 重温WCF之消息契约(MessageContract)(六)
- win7 web开发遇到的问题-由于权限不足而无法读取配置文件,无法访问请求的页面
- spring基础部分——注解
- libvirt python binding 变成了一个新项目
- filter与servlet对照
- acm课程练习2--1002
- CSS前端开发学习总结、一
- Jmeter运行结果分析
- 模板 manacher算法
- PHP学习笔记 02 之文件上传
- 2018-2019-1-20165221&;20165225 《信息安全系统设计》实验五:通讯协议设计
- InputString 转换成 BufferedImage 和 byte[]
- springboot-aop面向切面编程
- 3-D crustal model transfer to cdl format
- sencha touch Container 监听超链接插件
- div水平垂直居中方法及优缺点
- IIS服务器支持.apk文件下载
- 安装Ubuntu 13.04后要做的六件事
- Java并发--synchronized
热门文章
- JS实现购物车02
- 并发之AQS原理(一) 原理介绍简单使用
- java jvm 字节码 实例
- python 全栈开发,Day138(scrapy框架的下载中间件,settings配置)
- python 全栈开发,Day11(函数名应用,闭包,装饰器初识,带参数以及带返回值的装饰器)
- 步步为营-71-asp.net的简单练习(图片处理)
- Spring 核心API
- JQuery插件jqModal应用详解(十二)
- hdu 2112 map+Dijkstra
- Codeforces Round #429 (Div. 2) - D	 Leha and another game about graph