JQuery元素滚动定位及获取元素的scrollTop,clientHeight,scrollHeight

摘要:
ScrollHeight是滚动DIV的实际总高度。获取方法为:$(obj)[0]。scrollHeightclientHeight是滚动DIV的可见高度。获取方法为:$(obj)[0]。clientHeightscrollTop是滚动DIV的上高度。获取方法为:$(obj)。scrollTopoffset是元素的偏移量。获取方法为:$(obj)。offset()。topJQuery元素滚动

JQuery元素滚动定位及获取元素的scrollTop,clientHeight,scrollHeight第1张

scrollHeight为滚动DIV的实际总体高度,获取方式为:$(obj)[0].scrollHeight

clientHeight为滚动DIV的可见高度,获取方式为:$(obj)[0].clientHeight

scrollTop为滚动DIV被卷去的上端高度,获取方式为:$(obj).scrollTop

offset为元素的偏移量,获取方式为:$(obj).offset().top

JQuery元素滚动定位

<div id="scroll">
    ...
    <div id="row8">...</div>
    ...
</div>
var container = $("#scroll");
var scrollTo = $("#row8");
var t = scrollTo.offset().top - container.offset().top + container.scrollTop();

container.animate({ scrollTop: t }, 500);

免责声明:文章转载自《JQuery元素滚动定位及获取元素的scrollTop,clientHeight,scrollHeight》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇转:获取客户端网卡的MAC地址博弈学习 3下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

10 款很有创意的 jQuery 表格插件

本文包含 10 款 jQuery 的表格插件,包含表格功能增强、导出、排序以及过滤等功能。 1. Animated table-sort 该插件可让你使用动画的方式对数据进行排序,在线演示: here. 2. BIGrid 该插件将增强你的表格功能,例如固定的宽度进行行列的滚动等,在线演示: here. 3. Compass Datagrid 这是基于 A...

jquery 鼠标滚轮事件 插件 Mousewheel

jquery插件默认是不支持鼠标中轮滚轮事件的,现在我们可以用于添加跨浏览器的鼠标滚轮支持可以使用jquery的Mousewheel插件。 使用mousewheel事件有以下两种方式: 使用mousewheel和unmousewheel事件函数; 使用经典的bind和unbind函数。 JavaScript Code复制内容到剪贴板 $('div.m...

【转】jquery图片播放插件Fancybox使用方法

Fancybox的特点如下: 可以支持图片、html文本、flash动画、iframe以及ajax的支持 可以自定义播放器的CSS样式 可以以组的形式进行播放 如果将鼠标滚动插件(mouse wheel plugin)包含进来的话Fancybox还能支持鼠标滚轮滚动来翻阅图片 Fancybox播放器支持投影,更有立体的感觉 Fancybox使用方法:...

(转贴)来谈谈SQL数据库中"简单的"SELECT TOP—可能有你从未注意到的细节

首先从博客园的Jerome Wong网友说起 他提出了一个这样的问题 本人写了好几年SQL语句了,从来没注意到这件事情。 例如: 数据表如下: ID  EMPNO  NAME  AGE   1   26929   Jerome   282   28394   Quince  273   20983   Green   304   27189   Mike ...

第二百零九节,jQuery EasyUI,Pagination(分页)组件

jQuery EasyUI,Pagination(分页)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 Pagination(分页)组件的使用方法,这个组件依赖于 LinkButton(按钮)组件。 一.加载方式 class 加载方式 <div id="box"class="easy...

document.getElementById('file').files[0]的jquery写法

document.getElementById('file').files[0]的jquery写法 这个我们需要把document.getElementById('file')看成是Dom对象. 明白了道理,这个就很好解决了.就是将jquery对象转成DOM对象即可获得js文件对象 示例: var $li = $(“li”); //第一种方法(推荐使用)...