js 只监测body的滚动条

2024-10-04

黄聪：js 获取浏览器、Body、滚动条、可见区域、页面、边框、窗口高度和宽度值(多浏览器)

IE中:document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度FireFox中:document.body.clientWidth ==> BODY对象宽度document.body.cli

js只需5分钟创建一个跨三大平台纯原生APP

DeviceOne之前介绍过了,现在来介绍一下DeviceOne快速开发到什么程度使用js只需要5分钟就可以打出垮Android.ios.windows三大平台的纯原生UI的安装包. 只需要6个小时,就可以画出仿微信的四个页面. 只需要10个小时,就可以画出仿墨迹天气的三个页面. DeviceOne地址:http://www.deviceone.net QQ群:365443130 请看效果图:

JS判断页面是否出现滚动条

今天无聊,帮一个网友解决一个很无聊的问题,用JS判断页面是否出现滚动条,在网上看了一些代码,经过验证并不起作用,下面是在网上搜索到的代码: 当可视区域小于页面的实际高度时,判定为出现滚动条,即: if (document.documentElement.clientHeight < document.documentElement.offsetHeight) scroll = true; 要使用 document.documentElement ,必须在页面头部加入声明: <!DOCTYPE

2.24 js处理内嵌div滚动条

2.24 js处理内嵌div滚动条前言前面有篇专门用js解决了浏览器滚动条的问题,生活总是多姿多彩,有的滚动条就在页面上,这时候又得仰仗js大哥来解决啦.一.内嵌滚动条 1.下面这张图就是内嵌div带有滚动条的样子,记住它的长相. 2.页面源码如下:(老规矩:copy下来,用文本保存下来,后缀改成.html,用浏览器打开) <!DOCTYPE html> <meta charset="UTF-8">

js只允许输入数字和两位小数

一.js只允许输入数字和两位小数 //只允许输入数字和两位小数 function clearNoNum(obj) { obj.value = obj.value.replace(/[^\d.]/g, ""); //清除“数字”和“.”以外的字符 obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的 obj.value = obj.value.replace(".", &quo

Selenium（十三）调用js，控制浏览器的滚动条

WebDiver 不能操作本地 Windows 控件,但对于浏览器上的控件也不是都可以操作的.比如浏览器的滚动条,虽然 WebDriver 提供操作浏览器的前进和后退按钮,但对于滚动条并没有提供相应用的方法.那么在这种情况下就可以借助 JavaScript 方法来控制浏览器滚动条.WebDriver 提供了 execute_script()方法来执行 JavaScript 代码. 一般用到操作滚动条的会两个场景: 注册时的法律条文的阅读,判断用户是否阅读完成的标准是:滚动条是否拉到最下方. 要操

通过 JS 判断页面是否有滚动条的简单方法

前言最近在写插件的过程中,需要使用 JS 判断是否有滚动条,搜了一下,大致方法都差不多,但都有些啰嗦,代码不够简洁.最终通过参考不同方法,写了一个比较简单的方法.在判断滚动条的同时也需要计算滚动条的宽度,通过本篇文章一并与大家分享. 为什么要判断滚动条判断滚动条的需求在弹窗插件中用的较多,因为弹窗大多会添加 overflow: hidden 的属性,如果页面比较长的话,添加这个属性之后页面会有晃动. 为了增强用户体验,通过判断是否有滚动条而添加 margin-left 属性以抵消 overf

Selenium2学习（十八）-- js处理内嵌div滚动条

前言前面有篇专门用js解决了浏览器滚动条的问题,生活总是多姿多彩,有的滚动条就在页面上,这时候又得仰仗js大哥来解决啦. 一.内嵌滚动条 1.下面这张图就是内嵌div带有滚动条的样子,记住它的长相. 2.页面源码如下:(老规矩:copy下来,用文本保存下来,后缀改成.html,用浏览器打开) <!DOCTYPE html><meta charset="UTF-8"> <meta http-equiv=&qu

js判断窗体或容器滚动条到底部

NO1---jquery判断窗体滚动条到底部 $(window).scroll(function () {if ($(window).scrollTop() >= $(document).height() - $(window).height()) {alert("噢,滚动条到底部了.");}}); NO2---jquery判断容器滚动条到底部 $("#contain").scroll(function(){var viewH = $(this).height

[No000067]Js中获取当前页面的滚动条纵坐标位置scrollTop

三种方法任选其一: var sTop = document.body.scrollTop+document.documentElement.scrollTop; var sTop = document.documentElement.scrollTop || document.body.scrollTop; var sTop = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.b

如何用js控件div的滚动条，让它在内容更新时自动滚到底部？

三种控制DIV内容滚动的方法: 方法一:使用锚标记要滚动到的位置,然后通过click方法模拟点击滚动到锚所在位置 <script language="javascript1.2" type="text/javascript">function onGetMessage(context) {msg.innerHTML+=context;msg_end.click(); } </script><div style="width:5

js在以div添加滚动条

关于js的页面高度和滚动条高度还有元素高度

window.innerHeight 这是浏览器里面内容的高度,直接就是值,不需要其它操作; window.pageYOffset 这是滚动条到浏览器顶端的距离; $(元素).offset().top 这是元素,到浏览器顶端的高度,与下拉无关,加载好的高度; $(window).scroll() 滚动事件

js只对等号左边的进行变量提升

### 只对等号左边的进行变量提升 > =:赋值,左边是变量,右边都应该是值 ```javascript //之前 i%2 === 0?item.className = 'c1':item.className='c2'; //现在 item.className = i%2===0?'c1':'c2'; ``` ```javascript //匿名函数:函数表达式(把函数当做一个值赋值给变量或者其它内容) oDiv.onclick = function(){ } //等同于oDiv.onclick

js控制div内的滚动条的位置

通过div的scrollTop变动控制垂直滚动条位置. 通过div的scrollLeft变动控制水平滚动条位置. 示例: <body> //d1是外层div,带滚动条 <div id='d1' style='height:200px;width:100px;overflow:auto;background:blue;'> <div style='height:500px;width:500px;background:yellow'>2222</div> &l

vue.js 深度监测

1.select 控件赋值改变,但是无法获取解决方法,在监测时手动赋值新值 'model.UseType': { handler(newVal, oldVal) { $("#UseType").val(newVal); GetAppList(); }, deep: true } 2.select 需要绑定或者获取的数据较多,以前都是通过data-XXX来保存解决方法,直接将value绑定为整个对象,监测整个对象的变化 2.1 html绑定 <div class="m

js只弹窗一次

jquery.SuperSlide.js只需要调用一个插件就能实现网页大部分特效--推荐

很棒的一个插件,http://www.superslide2.com/

js只保留整数，向上取整，四舍五入，向下取整等函数

1.丢弃小数部分,保留整数部分 parseInt(5/2) 2.向上取整,有小数就整数部分加1 Math.ceil(5/2) 3.四舍五入. Math.round(5/2) 4.向下取整 Math.floor(5/2) Math 对象的方法方法描述 abs(x) 返回数的绝对值 acos(x) 返回数的反余弦值 asin(x) 返回数的反正弦值 atan(x) 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值 atan2(y,x) 返回从 x 轴到点 (x,y) 的

js只允许输入数字

JS只弹出一个居中弹出窗口

var newWindow;//定义一个窗口,有利于窗口间的通讯function makeNewWindow(url) { if (!newWindow || newWindow.closed) { var width = 400; var height = 300; var left = parseInt((screen.availWidth/2) - (width/2));//屏幕居中 var top = parseInt((scr

js 只监测body的滚动条

热门专题