js 层随着滚动条上下移动
var theTop = 10; /*这是默认高度,越大越往下*/
var old = theTop;
function moveTips() {
var tt = 0;
if (window.innerHeight) {
pos = window.pageYOffset
} else if (document.documentElement && document.documentElement.scrollTop) {
pos = document.documentElement.scrollTop
} else if (document.body) {
pos = document.body.scrollTop;
}
pos = pos - tips.offsetTop + theTop;
pos=tips.offsetTop+pos/10;
if (pos < theTop) pos = theTop;
if (pos != old) {
tips.style.top = pos+"px";
tt = 0;
}
old = pos;
setTimeout(moveTips,tt);
}
onload = function initFloatTips() {
tips = document.getElementById('clockDiv');
moveTips();
};
转载于:https://www.cnblogs.com/xinlang/archive/2008/11/04/1326206.html
js 层随着滚动条上下移动相关推荐
- js获取浏览器滚动条距离顶端的距离
js获取浏览器滚动条距离顶端的距离 一.jQuery获取的相关方法 jquery 获取滚动条高度 获取浏览器显示区域的高度 : $(window).height(); 获取浏览器显示区域的宽度 : ...
- js设置控制滚动条位置
js设置控制滚动条位置 注意:scrollLeft,scrollTop是加在 容器 上,不是加载滚动的内容上. 使用: scrollLeftOffset: function () {$('.time- ...
- html5 拖拽滚动条,js 简易版滚动条实例(适用于移动端H5开发)
废话不多说,直接上代码 滑动条 *{ margin: 0; padding: 0; } #content{ margin-top: 50px; width:100%; height: 200px; b ...
- 8 适用于 Keras 用户的 TensorFlow.js 层 API
TensorFlow.js 的 Layers API 以 Keras 为模型.考虑到 JavaScript 与 Python 之间的差异,我们努力使 Layers API 与 Keras 类似 ...
- js控制右侧滚动条事件
js控制右侧滚动条事件 css代码 <style>*{margin: 0;padding: 0;}body{height: 3000px;}.top{background-color: t ...
- JS如何判断滚动条是否滚到底部
JS如何判断滚动条是否滚到底部 背景 解决方案(以纵向滚动条为例,横向滚动条方法类似) 背景 通常我们需要判断滚动条是否滚到底部,以实现相应的功能,如"加载更多"等. 那么如何通过 ...
- js实现判断滚动条滚到页面底部并执行事件的方法
这里我主要介绍JS实现判断滚动条滚到页面底部并执行事件的方法: 需要了解三个dom元素,分别是:clientHeight.offsetHeight.scrollTop. clientHeight:这个 ...
- js如何实现扫描身份证识别_【已解决】离线打包,原生层读取身份证信息,如何传递身份证中的照片数据到JS层...
问题如题,硬件识别身份证. 通过widget 离线打包结合第三方SDK和5+SDK,在原生层当中获取到了身份证的信息,包含照片和姓名,民族等其他信息.问题来了,身份证照片是直接存储在身份证当中的,在原 ...
- JS 监听滚动条事件
JS 监听滚动条事件 获取滚动条位置代码 监听滚动条方法 效果 获取滚动条位置代码 /** * 获取滚动条位置 */ function getScrollTop() {var scrollPos;if ...
最新文章
- 不能上网--只要四步判断出故障所在
- 汇编语言--CMOS RAM芯片
- SFTP连接GCP,向服务器发送文件方法,第三方工具生成密钥对连接GCP服务器(putty生成密钥远程连接服务器)...
- ISA Server***检测及配置
- Reactive Streams规范及常见库
- 看完这篇Redis缓存三大问题,保你能和面试官互扯。
- 机器学习笔记——K-means
- nodejs实践录:开篇
- 关于html frame导航
- git快速入门 push/clone/reset/merge/切换分支全都有
- 在python中、如果异常并未被处理或捕捉_Python异常处理总结
- Java for LeetCode 231 Power of Two
- 【图像融合】基于matlab小波变换遥感图像融合【含Matlab源码 744期】
- html5 绘制思维导图,Qunee组件制作思维导图
- 后台管理系统架构成型
- OA系统权限分派实施方案
- 移动安全:Smali语法学习示例与实践
- matlab中grid的用法
- 基于51单片机的秒表设计
- Ubuntu16.04下,遇到Unmet dependencies. Try 'apt-get -f install' with no packages的解决办法