vue开发过程中跨域最简单解决方案
2017-09-03 22:18
253 查看
ps:前言-最近再研究上拉加载与下拉刷新,涉及到文档高、可视区高等。。
本人测试ie,FF,chrome用document.documentElement.clientHeight都能取得高度和jquery 中的$(window).height();一样的值
文档的高度
文档滚动条位置
但没有定义W3C标准会有问题
===============测试总结==================
has w3c
chrome:
document文档高度
可视高度
firefox:
ie:
firefox:
ie
--------------------------------------兼容ie firefox chrome--------------------------------
**文档高
可视高
作者:datura_lj
链接:http://www.jianshu.com/p/db9331db697c
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
本人测试ie,FF,chrome用document.documentElement.clientHeight都能取得高度和jquery 中的$(window).height();一样的值
文档的高度
document.body.clientHeight||document.documentElement.clientHeight,
文档滚动条位置
document.body.scrollTop||document.documentElement.scrollTop
但没有定义W3C标准会有问题
var dd = document.body || document.documentElement; var h1 = Math.max(dd.clientHeight,db.clientHeight);var h2 = Math.max(dd.scrollHeight,db.scrollHeight);var objH = Math.max(h1,h2);
===============测试总结==================
has w3c
chrome:
document文档高度
($(document).height())==document.body.clientHeight; document.documentElement.scrollHeight==document.body.scrollHeight
可视高度
($(window).height())==document.documentElement.clientHeight; scrollTop==document.body.scrollTop
firefox:
document文档高度==document.body.clientHeight;
document.documentElement.scrollHeight==document.body.scrollHeight
可视高度==document.documentElement.clientHeight;
scrollTop==document.documentElement.scrollTop;
ie:
document文档高度==document.body.clientHeight;
document.documentElement.scrollHeight==document.body.scrollHeight
可视高度==document.documentElement.clientHeight;
scrollTop==document.documentElement.scrollTop;
no w3c
chrome:document文档高度($(document).height())!=document.body.clientHeight;
document文档高度==document.documentElement.clientHeight; document.documentElement.scrollHeight==document.body.scrollHeight
可视高度($(window).height())==document.documentElement.clientHeight;等于文档高度
可视高度为document.body.clientHeight; scrollTop==document.body.scrollTop
firefox:
document文档高度($(document).height())!=document.body.clientHeight;
document文档高度==document.documentElement.clientHeight; document.documentElement.scrollHeight==document.body.scrollHeight
可视高度($(window).height())==document.documentElement.clientHeight;等于文档高度
可视高度为document.body.clientHeight; scrollTop==document.body.scrollTop
ie
document文档高度==document.body.scrollHeight; 可视高度==document.body.clientHeight; document.documentElement.scrollHeight document.documentElement.clientHeight==0 scrollTop==document.body.scrollTop
has w3c兼容
文档高(推荐scrollHeight,document.body.clientHeight || document.documentElement.clientHeight;)--------------------------------------兼容ie firefox chrome--------------------------------
**文档高
document.documentElement.scrollHeight||document.body.scrollHeight;(注意)
可视高
document.documentElement.clientHeight || document.body.clientHeight
scrollTop==document.documentElement.scrollTop||document.body.scrollTop;
no w3c兼容
文档高document.documentElement.clientHeight || document.body.scrollHeight; 可视高document.body.clientHeight scrollTop==document.documentElement.scrollTop||document.body.scrollTop;
作者:datura_lj
链接:http://www.jianshu.com/p/db9331db697c
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
相关文章推荐
- 接口开发-跨域访问-解决方案简单汇总
- 软件开发过程--微软解决方案框架结构(MSF)
- Android开发细节——开发过程中遇到的细节问题与解决方案汇总【转】
- 【Android游戏开发二十一】Android os设备谎言分辨率的解决方案!以及简单阐述游戏引擎如何使用!
- 结合ACCESS数据库开发过程中遇到的问题解决方案(转载)
- Web开发中跨域的几种解决方案
- 一个简单而全面的有关控件开发调试过程
- 一个简单的带Body的自定义Tag开发过程
- MVC3.0 开发过程中遇到错误及解决方案(不断更新中。。。)
- 自学网页开发,打算自己开发一个简单的网站,记录下自己开发过程
- 前段开发过程遇到的问题以及解决方案
- 什么是跨域以及几种简单解决方案
- 规范化软件开发过程解决方案——统一研发管理过程
- Vue开发中遇到的问题与解决方案(一)
- android开发过程中 R文件消失解决方案
- iOS开发之#iPhone6与iPhone6Plus适配#Xcode6.0/Xcode6.1上传应用过程中一些变动以及#解决方案#
- vue开发中遇到的问题与解决方案(二)
- 面向服务(接口)开发过程中常用的实体类数据复制解决方案
- vue项目开发之proxyTable 解决开发环境的跨域