js获取滚动条距离页面底部的高度

1.js怎么获取滚动条到底部的距离

如果使用jquery的话,可以这样写:

$(window).bind("scroll", function(){

var top = $(this).scrollTop(); // 当前窗口的滚动距离

});

如果使用原生js,可以这样写(摘自网上的):

/**

* 获取滚动条距离顶端的距离

* @return {}支持IE6

*/

function getScrollTop() {

var scrollPos;

if (window.pageYOffset) {

scrollPos = window.pageYOffset; }

else if (document.compatMode && document.compatMode != 'BackCompat')

{ scrollPos = document.documentElement.scrollTop; }

else if (document.body) { scrollPos = document.body.scrollTop; }

return scrollPos;

}

2.js如何获取滚动条的高度

给你贴两个JS函数,专门用来获取网页滚动高度和滚动宽度的://获取网页纵向滚动高度function getScrollTop(){ var D = document; return Math.max(D.body.scrollTop, D.documentElement.scrollTop)}//获取网页横向滚动宽度function getScrollLeft(){ var D = document; return Math.max(D.body.scrollLeft, D.documentElement.scrollLeft)}应该可以解决你的问题。

查看原帖>>。

3.【高手请进】js如何获得页面浏览器滚动条的高度值 ,并赋值给html页

网页可见区域宽: document.body.clientWidth

网页可见区域高: document.body.clientHeight

网页可见区域宽: document.body.offsetWidth (包括边线的宽)

网页可见区域高: document.body.offsetHeight (包括边线的高)

网页正文全文宽: document.body.scrollWidth

网页正文全文高: document.body.scrollHeight

网页被卷去的高: document.body.scrollTop

网页被卷去的左: document.body.scrollLeft

网页正文部分上: window.screenTop

网页正文部分左: window.screenLeft

屏幕分辨率的高: window.screen.height

屏幕分辨率的宽: window.screen.width

屏幕可用工作区高度: window.screen.availHeight

屏幕可用工作区宽度: window.screen.availWidth

4.jquery获取滚动条高度和位置

1、首先打开hbuilder编辑器,新建一个HTML文档,里面输入长篇的文字。

2、然后在上方引入jQuery的脚本,编辑js脚本,使用bind方法绑定浏览器的scroll事件,监听网页滚动,之后用scrollTop()获取垂直滚动距离,最后弹出输出的值即可。

3、保存一下打开浏览器,可以看到一个长篇的文档。

4、按F12打开浏览器开发者工具,切换到Console标签下,滚动鼠标,就可以在开发者工具里显示出浏览器高度位置的数据了。

5.利用JS,如何判断滚动条是否滚动到页面最底部

改成这样就可以兼容 IE和chrome

<script type="text/javascript">

window.onscroll=function(){

var a = document.documentElement.scrollTop==0? document.body.clientHeight : document.documentElement.clientHeight;

var b = document.documentElement.scrollTop==0? document.body.scrollTop : document.documentElement.scrollTop;

var c = document.documentElement.scrollTop==0? document.body.scrollHeight : document.documentElement.scrollHeight;

if(a+b==c){

showmore();

}

}

</script>

6.javascript如何判断滚动条滚到页面底部

function _reachBottom () {

var scrollTop = 0,

clientHeight = 0,

scrollHeight = 0;

if (document.documentElement && document.documentElement.scrollTop) {

scrollTop = document.documentElement.scrollTop;

} else if (document.body) {

scrollTop = document.body.scrollTop;

}

if (document.body.clientHeight && document.documentElement.clientHeight) {

clientHeight = (document.body.clientHeight } else {

clientHeight = (document.body.clientHeight >document.documentElement.clientHeight) ? document.body.clientHeight: document.documentElement.clientHeight;

}

scrollHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);

return (scrollTop + clientHeight == scrollHeight);

}这个 以前项目用的

js获取滚动条距离页面底部的高度

转载请注明出处JS代码网 » js获取滚动条距离页面底部的高度

资讯

js中的模式对话框返回值

阅读(7)

本文主要为您介绍js中的模式对话框返回值,内容包括javascript函数怎么返回值,JS代码实现在打开的窗口中返回数据的例子?,javascript模式对话框和非模式对话框是什么?。JS代码实现在打开的窗口中返回数据【实例描述】当打开窗口后,客户端已经

资讯

js中需要转义的字符

阅读(5)

本文主要为您介绍js中需要转义的字符,内容包括js怎么使用转义字符,js什么情况下要用到转义符?,js怎么使用转义字符。JScript 提供了一些特殊字符,允许在字符串中包括一些无法直接键入的字符。每个字符都以反斜杠开始。反斜杠是一个转义字符,

资讯

js中获取地址栏的参数

阅读(5)

本文主要为您介绍js中获取地址栏的参数,内容包括如何通过js获取地址栏中传递的参数,如何通过js获取地址栏中传递的参数,js如何获取地址栏的参数。我下面的JS代码可以在浏览器上输出所有的参数和值,没有参数的时候输出“没有参数”: <script l

资讯

js判断ie的不同版本

阅读(6)

本文主要为您介绍js判断ie的不同版本,内容包括JS中如何判断出各个IE浏览器的版本,JS如何判断浏览器类型和详细区分IE各版本浏,如何用JS判断IE浏览器的版本。IE6~IE10的浏览器特征明显,存在msie字符串,而IE11去掉了msie字符串,可以通过rv后面的

资讯

我的世界手机版武功js

阅读(6)

本文主要为您介绍我的世界手机版武功js,内容包括第一个世界是武术世界最后一个世界是主角变成白龙的是什么书百度,我的世界手机版js怎么用,多玩我的世界盒子账号怎么注册。多玩我的世界盒子怎么注册帐号? 那是您计算机中了病毒引起的,先杀毒,

资讯

js方法里添加的div的onclick

阅读(6)

本文主要为您介绍js方法里添加的div的onclick,内容包括通过javascript创建div标签并添加onclick事件,如何实现?,通过javascript创建div标签并添加onclick事件,如何实现?,如何使用JS触发DIV的onclick事件。自动触发点击事件,其实就让点击实现

资讯

我的世界黄金打火石js

阅读(6)

本文主要为您介绍我的世界黄金打火石js,内容包括我的世界黄金打火石怎么做打火石合成图鉴,我的世界怎么做黄金打火石,我的世界黄金打火石用什么合成在哪合成。黄金打火石的做法:1。运行游戏,进入mods选项 如果你在游戏的世界里面,那么可以不管

资讯

js获取div里的html

阅读(7)

本文主要为您介绍js获取div里的html,内容包括JS获取网页中HTML元素的几种方法分析,js获取html标签,js获取div内容。常用以下几种方式:<div id="mued" class="mued"></div><script>//通过DOM标签获取,会选择页面

资讯

我的世界ios装js

阅读(9)

本文主要为您介绍我的世界ios装js,内容包括我的世界ios系统怎么用js?,我的世界ios系统怎么用js?,我的世界手机版iOS版怎么装js。想要正确的在MinecraftPE装载JS,请按以下步骤进行:首先,确定所装载的JS适用于何种版本的MinecraftPE,如果JS与M

资讯

我的世界pe终极菜单js

阅读(7)

本文主要为您介绍我的世界pe终极菜单js,内容包括我的世界pe的一键生成js怎么做?,我的世界pe枪械js的使用方法,就是把材质包,音效包放到那里?爱问,我的世界pe方块启动器js代码怎么?爱问知。先科普下MBTI是什么? 很多人以为MBTI就只是一个性格

资讯

js如何判断输入的是数字和字母

阅读(12)

本文主要为您介绍js如何判断输入的是数字和字母,内容包括js判断字符串中是否有数字和字母,JS判断用户输入是否为中文的代码怎么写呢?,C#怎么判断输入内容是否为数字。问题分析:在JavaScript脚本语言中判断一个字符串中是否即包含数字亦包含

资讯

比较流行的js框架

阅读(7)

本文主要为您介绍比较流行的js框架,内容包括现在的JavaScript的框架都有那些,最流行的有那些啊用的最多的有,目前js热门主流框架?,目前js热门主流框架?。Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools .

资讯

js求21000以内的质数

阅读(7)

本文主要为您介绍js求21000以内的质数,内容包括使用JavaScript求1000以内的质数,使用JavaScript求1000以内的质数,怎么用javascript求质数。function getNum(MaxNum ){var count = 1; var PrimeArys = [2];var Prim

资讯

js删除files内的文件

阅读(4)

本文主要为您介绍js删除files内的文件,内容包括360jsFiles,是什么文件,我的共享里面里面是空的,可以删除吗?,怎样删除C:ProgramFiles下的文件夹?每次删除都提示正,谁告诉我怎么删C盘里除了系统文件以外的东西救命?谁告诉我怎么删。删除文件

资讯

js中获取地址栏的参数

阅读(5)

本文主要为您介绍js中获取地址栏的参数,内容包括如何通过js获取地址栏中传递的参数,如何通过js获取地址栏中传递的参数,js如何获取地址栏的参数。我下面的JS代码可以在浏览器上输出所有的参数和值,没有参数的时候输出“没有参数”: <script l

资讯

js获取选择来的树

阅读(8)

本文主要为您介绍js获取选择来的树,内容包括使用js如何获取treeview控件的当前选中的节点,js如何获取treeview选中节点的值?,怎样用JS实现很华丽的树形菜单?(比如说弹跳式的)。body { background:#799AE1; margin:0px; font:normal 12px 宋

资讯

js获取dom对象的方式

阅读(7)

本文主要为您介绍js获取dom对象的方式,内容包括如何在javascript中获取dom对象,js小白求教,纯js如何获得一个DOM对象的所有,js小白求教,纯js如何获得一个DOM对象的所有。getElementById()<br>getElementById() 方法可返回对拥有指定 ID 的第

资讯

js获得div的高度

阅读(5)

本文主要为您介绍js获得div的高度,内容包括如何用js获取div的高度,js获取div所填充内容的实际高度,vue.js怎么获取div的高度?。function AdjustColumnsHeight() { var mainCol = window.document.getEl

资讯

js获取div中input的值

阅读(10)

本文主要为您介绍js获取div中input的值,内容包括JS获取DIV下的所有input,js获取html内容包括input中输入的值,JS获取DIV下的所有input。var b = abs.document.getElementById("input");这句本来2113就写错了5261. docum

资讯

js获取tr中td的值

阅读(9)

本文主要为您介绍js获取tr中td的值,内容包括如何用JS获取TR中TD的某个标签的值.然后根据大小,交换TR的位置,htmlJS获取tr/td表单元素下面的各个值,js如何获得tr下面td的个数。1234567vartable = document.getElementsByTagName("table")[0];r

资讯

获取当前日期和农历的js代码

阅读(9)

本文主要为您介绍获取当前日期和农历的js代码,内容包括javascript获取输入出阳历和阴历日期时间,用JS代码获取系统当前时间怎么做?,JS中获取当前时间的代码是什么?。<script language="JavaScript"> <!-- var bsYear; var bsDate; var bsWe

资讯

js获取页面关闭的事件

阅读(9)

本文主要为您介绍js获取页面关闭的事件,内容包括Javascript关闭页面的事件是什么,如何获取浏览器的关闭事件javascript,急!!!JS捕获页面关闭事件的方法。window.onbeforeunload = function () { <br>confirm(确定关闭?);<br> if(eve