博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery操作滚动条
阅读量:7229 次
发布时间:2019-06-29

本文共 756 字,大约阅读时间需要 2 分钟。

一、窗体滚动条

1、获取窗体滚动条当前纵向和横向位置

  var currentY=$(document.body).scrollTop();//窗体滚动条纵向位置

  var currentX=$(document.body).scrollLeft();//窗体滚动条横向位置

2、设置窗体滚动条到指定位置

  var Y=想滚动到的垂直位置;

  var X=想滚动到的水平位置;

  $(window).scrollTop(Y);

  $(window).scrollLeft(X);

二、元素内滚动条;比如操作页面内一id为dataDiv的div标签

1、获取div元素内滚动条位置

  var currentY=$('#dataDiv').scrollTop();//div内滚动条纵向位置

  var currentX=$('#dataDiv').scrollLeft();//div内滚动条横向位置

2、设置div内滚动条到指定位置  

  var Y=想滚动到的垂直位置;

  var X=想滚动到的水平位置;

  $('#dataDiv').scrollTop(Y);

  $('#dataDiv').scrollLeft(X);

三、其他位置值

1、当前window可视内容区域高宽

window.innerHeight;//高

window.innerWidth;//宽

2、元素高宽以及相对于文档偏移量

$('#dataDiv').height();//元素高

$('#dataDiv').width();//元素宽

$('#dataDiv').offset().top;//元素相对文档顶部偏移量

$('#dataDiv').offset().left;//元素相对文档左边偏移量

 

  

 

转载地址:http://xadfm.baihongyu.com/

你可能感兴趣的文章
Android学习之OTA Update
查看>>
Maven Multi-environment package
查看>>
JMM-java内存模型
查看>>
iOS的soap应用(webservice) 开发
查看>>
Delphi listview 点击列头排序
查看>>
android preference page
查看>>
mysql索引挑选
查看>>
关于冰岛足球的段子
查看>>
在 Windows 中安装 Laravel 5.1.X
查看>>
TeamViewer 9发布-在Linux下安装运行
查看>>
Centos7 Gitea安装教程 - 一款易搭建,运行快的Git服务器
查看>>
CentOS minimal 网络配置
查看>>
Nginx架构
查看>>
为什么结构体中的数组不能用const int变量指定大小?
查看>>
模板特化疑问
查看>>
ruby多线程理解
查看>>
享用甜点时要不要来杯咖啡?Java 与树莓派 (Raspberry PI)
查看>>
精通Oracle 10g Pl/SQL编程
查看>>
邱怡轩:R中大规模矩阵的SVD与矩阵补全
查看>>
C++ Primer习题集(第5版)
查看>>