JS 获取滚动条高度示例代码
function getScrollTop(){
var scrollTop=0;
if(document.documentElement&&document.documentElement.scrollTop){
scrollTop=document.documentElement.scrollTop;
}else if(document.body){
scrollTop=document.body.scrollTop;
}
return scrollTop;
}
相关推荐
-
JS中完美兼容各大浏览器的scrolltop方法
1.各浏览器下 scrollTop的差异 IE6/7/8/9/10: 对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 : 对于有doctype声明的页面则可以使用 document.documentElement.scrollTop : Safari: safari 比较特别,有自己获取scrollTop的函数 : window.pageYOffset : Firefox: 火狐等等相对标准些的浏览器就省心多了,直接
-
js浏览器滚动条卷去的高度scrolltop(实例讲解)
1.之前我们学习的JS盒子模型中:client系列/offset系列/scrollWidth/scrollHeight都是"只读"的属性-> 只能通过属性获取值,不能通过属性修改元素的样式 2.scrollTop/scrollLeft:滚动条卷去的高度/宽度(这两个属性是唯一"可读写"的属性) box.scrollTop = 0 // 直接回到容器的顶部 我们的scrollTop的值是存在边界值(最大和最小值),我们设置的值比最小值小或者比最大值大都没用,起到
-
JS 获取滚动条高度示例代码
复制代码 代码如下: function getScrollTop(){ var scrollTop=0; if(document.documentElement&&document.documentElement.scrollTop){ scrollTop=document.documentElement.scrollTop; }else if(document.body){ scrollTop=document.body.scrollTop; } return scrollTop; }
-
js获取div高度的代码
<style type="text/css"> <!-- #top { color: #FFFFFF; background-color: #FF0000; text-align: left; text-indent: 24px; width: 780px; line-height: 24px; font-size: 12px; padding-right: 10px; padding-left:
-
js获取浏览器高度 窗口高度 元素尺寸 偏移属性的方法
如下所示: screen.width screen.height screen.availHeight //获取去除状态栏后的屏幕高度 screen.availWidth //获取去除状态栏后的屏幕高度 一.通过浏览器获得屏幕的尺寸 二.获取浏览器窗口内容的尺寸 //高度 window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight //宽度 window.innerWidth
-
JS中跳出循环的示例代码
1.for循环中我们使用continue:终止本次循环计入下一个循环,使用break终止整个循环. 2.而在jquery中 $.each使用return true 终止本次循环计入下一个循环,return false终止整个循环. 函数返回值跟此处无关 例: $.extend($.fn.datagrid.methods, { isChecked: function (dg, param) { var flag = false;//是否选中 var allRows = $(dg).datagri
-
通过封装scroll.js 获取滚动条的值
具体代码如下所示: function Obj(){} Obj.prototype={ scroll:function(){ /* 主要是做兼容处理 这里必须时!=null 因为默认值和每次滚动的时侯 都可以值为0 但是 if(0)为假 所以就只要不为null 就执行 */ if(window.pageYOffset!=null){ /*IE9 和其他标准浏览器*/ return { left:window.pageXOffset, top:window.pageYOffset } } /*声明了
-
使用Dropzone.js上传的示例代码
本文介绍了使用Dropzone.js上传的示例代码,分享给大家,具体如下: 说明:后台用的python的flask框架,后台对你理解这篇文章没什么影响,你可以使用php form作为上传区 引入Dropzone.js和dropzone.css然后使用表单form定义一个class="dropzone"即可完成 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> &l
-
python3获取url文件大小示例代码
在python3中,urllib2被替换为urllib.requeset,因此头文件中添加 import urllib.request as urllib2 def getRemoteFileSize(url, proxy=None): """ 通过content-length头获取远程文件大小 url - 目标文件URL proxy - 代理 """ opener = urllib2.build_opener() if proxy: if ur
-
动态加载、移除js/css文件的示例代码
本文简单介绍动态加载.移除.替换js/css文件 .有时候我们在写前端的时候,会有出现需要动态加载一些东如css js 这样能减轻用户加载负担,从而提高响应效率.下面贴出代码. <script language="JavaScript"> //动态加载一个js/css文件 function loadjscssfile(filename, filetype){ if (filetype=="js"){ varfileref=document.createE
-
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下.IE中,浏览器显示窗口大小只能以下获取: 代码如下复制代码 复制代码 代码如下: document.body.offsetWidth document.body.offsetHeight 在声明了DOCTYPE的浏览器中,可以用以下来获取浏览器显示窗口大小: 代码如下复制代码 复制代码 代码如下: document.documentElement.clientWidth document.documentElement.cli
-
基于vue.js 2.x的虚拟滚动条的示例代码
前言 记得以前偶然有一次浏览过一个开源的cms项目,发现这个项目的左边的菜单已经超出了windows的宽度,我就好奇为什么没出滚动条呢?然后我仔细一看,发现它左侧有一个小的div,然后我尝试着拖动它,发现竟能和原生的滚动条一样!可以通过查看它的源码,发现了这款滚动条的叫做slimScroll,然后我去它的github仓库 看了下,研究了一下源码,给我的感觉是我也能做出来一样的滚动条!通过vue实现! 设计 好, 现在开始我们的设计滚动条的步骤: 设计滚动条dom 首先要思考的是: 如果要使你需要
随机推荐
- python之sqlalchemy创建表的实例详解
- PHP多例模式介绍
- CentOS 6.6下Redis安装配置记录
- asp.net下Oracle,SQL Server,Access万能数据库通用类
- ExtJS GTGrid 简单用户管理
- jQuery使用empty()方法删除元素及其所有子元素的方法
- asp实现防止从外部提交数据的三种方法第1/3页
- Docker的基本使用笔记
- android教程之service使用方法示例详解
- php解析url并得到url中的参数及获取url参数的四种方式
- 使用C#来编写一个异步的Socket服务器
- 用Python和MD5实现网站挂马检测程序
- jQuery中:image选择器用法实例
- iframe异步加载实现点击左边菜单加载右边内容实例讲解
- 详解SwipeListView框架实现微信\QQ滑动删除效果
- 网络路由技术及运用4
- Android实现倒计时CountDownTimer使用详解
- vue实现微信分享朋友圈,发送朋友的示例讲解
- 150行代码带你实现微信小程序中的数据侦听
- 易语言编写mp3播放器教学