js scrollIntoView
来源:互联网 发布:淘宝网天猫商城男装 编辑:程序博客网 时间:2024/05/22 15:03
个人觉得可通过 scrollIntoView()函数实现网页返回顶部的功能;
<html><head> <title>HTML5_ScrollInToView方法</title> <meta charset="utf-8"> <style> #begin{ width: 100%; height: 100%; background: pink; } #box{ width: 100%; height: 800px; background: #000; border:1px solid black; } </style></head><body><input id="btn2" type="button" value="false" onclick="falseScrollIntroview()"><div id="begin"></div><div id="box"></div><input id="btn1" type="button" value="ture" onclick="trueScrollIntroview()"><script> var btn1=document.getElementById("btn1"); var btn2=document.getElementById("btn2"); var box=document.getElementById("box"); var begin=document.getElementById("begin"); function trueScrollIntroview() { begin.scrollIntoView(true); } function falseScrollIntroview() { box.scrollIntoView(false); }// var box=document.querySelector("#box");// box.style.height="300px";</script></body></html>
阅读全文
0 0
- js scrollIntoView
- scrollIntoView
- scrollIntoView
- scrollIntoView Method
- 关于scrollIntoView()方法
- scrollIntoView()的用法
- ScrollInToView方法(滚动页面)
- 页面元素的定位scrollintoview
- 使用scrollIntoView()进行内容定位
- 提交页面的定位--scrollIntoView的用法
- 提交页面的定位--scrollIntoView的用法
- WPF 中listView.ScrollIntoView失效的问题
- W3C DOM之scrollIntoView的用法
- 使用scrollIntoView方法定位页面元素---小结
- WPF Popup下ListBox ScrollIntoView无效问题
- Javascript的scrollIntoView方法,控制页面锚点
- [前端] scrollIntoView 滚动当前元素,进入浏览器的可见区域
- HTML5 新的API 窗口可视区 scrollIntoView dataset calssList
- Servlet学习笔记—获取资源文件
- IntelliJ IDEA :Error(1, 1) java 非法字符 'ufeff'
- linux 下 mysql 安装 及 初始配
- 银行家问题实验
- 单例模式探究
- js scrollIntoView
- PlSql中如何手动修改数据
- 对EasyDarwin开源项目后续发展的思考:站在巨人的肩膀上再跳上另一个更高的肩膀
- Effect(二十一)—— SM_TransRimShaderIrisator
- Gym 101572 K.Kayaking Trip【二分+贪心】
- 1069. 微博转发抽奖(20)
- 第三篇 elasticsearch的group by+avg+sort等聚合分析
- linux压缩和解压缩命令大全
- 第一讲 类加载器