extjs/jquery/js 操作页面滚动条
来源:互联网 发布:多益网络帐号注册 编辑:程序博客网 时间:2024/05/21 09:31
首先,滚动条操作针对的对象是 element 对象。
假设要对一个 id 为 content 的 ext 对象实现滚动至底部的效果:
var content = Ext.getCmp("content");
var el = content .body;
var dom = content .body.dom;
var id = content .body.dom.id;
方法一:调用 jquery 的 scrollTop方法
$('#id').scrollTop( $('#id')[0].scrollHeight );
方法二:相当于 js 直接重置对象的 scrollTop
dom .scrollTop = dom .scrollHeight - dom .offsetHeight;
关于 scrollHeight 、offsetHeight 具体可百度了解,下图简介一下:
图片转自:http://stackoverflow.com/questions/22675126/what-is-offsetheight-clientheight-scrollheight
方法三:调用 extjs 的 scrollTo 方法,该方法比方法二多一个动画效果!
var height = dom .scrollHeight - dom .offsetHeight;
el.scrollTo('top',height ,true);
具体API如图:
------------------------------------------- 2017/5/8 补充 -------------------------------------------
用 scrollTo 是从滚动条的顶部还是计算的 如果要从滚动条当前位置开始滚动一段距离的话 则需要用 scroll()
var height = dom .scrollHeight - dom .offsetHeight;
el.scroll('bottom',height ,true);
注意:这时候的第一个参数不是起始位置的意思了,而是朝哪个方向滚动的意思。
具体可见下方API截图:
- extjs/jquery/js 操作页面滚动条
- Jquery操作滚动条
- 【js】通过js或者jQuery操作滚动条
- js/jquery获取页面大小,滚动条位置,元素位置
- js操作页面滚动条,开启禁用右键菜单
- jquery控制页面滚动条
- 父页面用jquery.jscrollpane.js初始化滚动条后,iframe子页面滚动条并不能滚动
- python selenium,PhantomJS运用 抓取滚动条滚动加载的页面, js动作操作,模拟登陆
- [JS前端开发] js/jquery控制页面动态加载数据 滑动滚动条自动加载事件
- jquery操作与滚动条相关操作
- 设置页面滚动条_javascript jquery
- jQuery JS 禁用滚动条和启用滚动条
- js与jquery获得页面大小、滚动条位置、元素位置
- js与jquery获得页面大小、滚动条位置、元素位置
- JS与JQUERY获取页面大小、滚动条位置、元素位置
- js与jquery获得页面大小、滚动条位置、元素位置
- js与jquery获得页面大小、滚动条位置、元素位置
- JS与JQUERY获取页面大小、滚动条位置、元素位置
- 漫谈 Clustering (3): Gaussian Mixture Model
- jquery.inputselect使用
- java 异常捕捉 ( try catch finally ) 你真的掌握了吗?
- php匹配img标签
- PHP学习(3)
- extjs/jquery/js 操作页面滚动条
- Android中AsyncTask源码详解
- 背包问题---01背包
- ubuntu 设置rm 提示
- hadoop-16
- Maximum Subsequence Sum最大连续数列和
- 最新版Kali Linux虚拟机安装Open-vm-tools替代VMware tools
- CAP理论与BASE思想
- 配置spring-quartz定时器