js实现置顶
//-----------点击事件---------------
onclick="Topfun()"
//-----------js代码---------------
<script type="text/javascript">
var four;
function Topfun(){
four=setInterval(FourscrollBy,10);
}
function FourscrollBy(eachHeight){
if(document.documentElement && document.documentElement.scrollTop) //IE
{
if(document.documentElement.scrollTop<=0){
clearInterval(four);
}else{
window.scrollBy(0,-30);
}
}else{ //Chrome不支持documentElement.scrollTop
if(document.body.scrollTop<=0){
clearInterval(four);
}else{
window.scrollBy(0,-30);
}
}
}
</script>
来源:http://blog.csdn.net/tc_16_zl/article/details/78684545
js实现置顶的更多相关文章
- js之滚动置顶效果
		0.js获取高度 ? 1 2 3 4 5 6 document.all // 只有ie认识 document.body.clientHeight // 文档的高,屏幕 ... 
- js上移、下移、置顶、置底功能实现
		实现页面上列表内容上移.下移.置顶.置底 功能,主要实现思路是节点操作,比如说:上移,直接把点击项移动到前一个节点,以此类推,当然实际代码实现还要加些判断,如当前点击操作项是否已经是置底或置底了,如果 ... 
- js改变数组的两个元素的位子,互换、置顶
		//js数组的元素上移和下移动 var fieldData=[ {name:'id',value:'ID'} , {name:'username',value:'用户名'} , {name:'emai ... 
- js滚动显示: 滚动条置顶/底
		<script> //当聊天室的内容超出页面范围时, 如何让页面刷新后 显示最下面的内容 document.getElementByIdx ( 'chatboard').scrollTop ... 
- js中的函数声明置顶
		函数声明置顶是指 js引擎在读取变量与声明式函数时,会优先读取,例如如下 var a = 1: function a(){}; console.log(a); //这里得到的为1,而不是该functi ... 
- 表格中上移下移置顶的js操作
		<script> $(function(){ //上移 var $up = $(".up") $up.click(function() { var $tr = ... 
- JavaScript学习笔记-元素在滚动条滑动一定高度后自动置顶
		<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ... 
- [知了堂学习笔记]_css3特效第二篇--行走的线条&&置顶导航栏
		一.行走的线条. 效果图(加载可能会慢一点儿,请稍等...): html代码: <div class="movingLines"> <img src=" ... 
- vue 通过自定义指令实现 置顶操作;
		项目需求:要求当前项目每个页面滑到超出一屏的距离时,出现 backTop 按钮,点击则回到最顶端:俗称置顶操作: 因为涉及到的页面较多,每个页面都加肯定显得重复累赘,最终想到了 Vue 的自定义指令 ... 
随机推荐
- java通过反射调用不同参数的方法
			import java.lang.reflect.Method; public class testReflect { /** * @param args */ public static void ... 
- SQL语言基本操作(聚合函数)
			一.聚合函数 1.标量函数:只能对单个的数字或值进行计算.主要包括字符函数.日期/时间函数.数值函数和转换函数这四类.如LEFT/RIGHT/SUBSTRING/LTRIM/RTRIM/CONCAT/ ... 
- Hibernate中load与get,update与merge方法的区别
			1.load()与get()的区别: (1)load()读取 User user = (User)session.load(User.class, userId); (2)get()读取 User u ... 
- UML回想-通信图
			我们对软件project这一大块的学习事实上開始的还是挺早的,而且在后来的学习过程中也不断的涉及到了这些知识. 可是,经过软考的检验来看我对软工这一块的内容掌握的实在是慘不忍睹.基本上就是一出 ... 
- ajax 缓存问题及解决方案
			ajax 缓存问题及解决方案 CreationTime--2018年7月25日16点04分 Author:Marydon 1.什么情况下ajax请求会出现缓存? 当请求的路径.参数名.参数值三者都 ... 
- EL函数库
			一.EL函数库介绍 由于在JSP页面中显示数据时,经常需要对显示的字符串进行处理,SUN公司针对于一些常见处理定义了一套EL函数库供开发者使用. 这些EL函数在JSTL开发包中进行描述,因此在JSP页 ... 
- adb详解
			adb详解 分类: android开发工具相关 2012-10-24 18:27 2822人阅读 评论(0) 收藏 举报 ADB全称Android Debug Bridge,是android sdk里 ... 
- 自己动手写CPU之第四阶段(3)——MIPS编译环境的建立
			将陆续上传本人写的新书<自己动手写CPU>(尚未出版).今天是第13篇.我尽量每周四篇 4.4 MIPS编译环境的建立 OpenMIPS处理器在设计的时候就计划与MIPS32指令集架构兼容 ... 
- Linux-软件包管理-脚本安装包
			打开网页: http://sourceforge.net/projects/webadmin/files/webmin/下载1.6.10软件包 下载并放到linux系统中 ls 查看当前目录下所有信息 ... 
- mysql lower_case_table_names  ----  一律把表名处理为小写
			一.从操作系统说起: 1.我们知道mysql 是跨平台的.它可以在许多平台上运行如windows .linux.unix(mac).linux 是类unix的, 但是windows和linux就有非常 ... 
