各个浏览器对获取获取窗口滚动条位置和窗口大小没有提供统一的API,以下是对其封装,解决兼容性问题 /** * 获取浏览器视口的大小(显示文档的部分) * */function getViewPortSize(){ // 除IE8及更早的版本以外的浏览器 ...
JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度 alert window .height 浏览器时下窗口可视区域高度 alert document .height 浏览器时下窗口文档的高度 alert document.body .height 浏览器时下窗口文档body的高度 alert document.body .outerHeight true 浏览器时下窗口文档body的总 ...
2017-05-11 14:37 0 2727 推荐指数:
各个浏览器对获取获取窗口滚动条位置和窗口大小没有提供统一的API,以下是对其封装,解决兼容性问题 /** * 获取浏览器视口的大小(显示文档的部分) * */function getViewPortSize(){ // 除IE8及更早的版本以外的浏览器 ...
// 滚动条位置 var scrollPosition = { // 位置 result: 0, // 监听位置 rememberPosition: function () { var type = 'scroll' var ...
1)关于 pageX, clienX,offsetX,layerX pageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化 clientX:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻的滑动到的位置为参考 ...
...
//获取class或者id或者标签下的滚动条滚动数据 var a = document.querySelector(".class/#id").scrollTop //获取整个页面的滚动条滚动数据 document.documentElement.scrollTop; ...
<div style=" overflow-y:auto; overflow-x:auto; width:400px; height:400px;”></div> 记住宽和高一定要设置噢,否则不成的 这样比较好的是,在宽和高不超出时,只是一条线 直接为div指定 ...
下面就开始scrollTop 用法讲解: scrollTop() 定义和用法 scrollTop() 方法设置或返回被选元素的【垂直滚动条位置】。 Note: 当滚动条位置位于最顶部时,位置是0;当用于返回位置时: 该方法返回 第一个匹配元素的滚动条的垂直位置。当用于设置位置时 ...
<div style="width:120px;height:120px;border:1px solid red; position:absolute; left:800px; ...