首页 > 代码库 > 笔记-[js兼容]-滚动条的滚动距离的兼容性问题解决方法。

笔记-[js兼容]-滚动条的滚动距离的兼容性问题解决方法。

在我们操作JS实现些效果的时候,可能会涉及到滚动条滚动距离的问题;

在IE和非IE下是存在兼容性问题的

在IE下支持:document.body.scrollTop(scrollLeft);//在ie下获取滚动条距离的属性

在非IE下支持:document.documentElement.scrollTop(scrollLeft);//在非ie下获取滚动条距离的属性

代码兼容:

  var scrollTop;//定义一个变量名为scrollTop为滚动条的距离

  滚动高度 :  var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;

  滚动宽度:  var scrollLeft=document.body.scrollLeft ||document.documentElement.scrollLeft;