WEB开发网
开发学院网页设计JavaScript prototype使用学习手册指南之Position.js 阅读

prototype使用学习手册指南之Position.js

 2010-09-14 13:11:45 来源:WEB开发网   
核心提示:Position是prototype中定义的一个对象,提供了操作DOM中与位置相关的方法,prototype使用学习手册指南之Position.js,要很好的理解元素在页面中的位置,具体代码如下,按照代码说说,其中英文是作者的注释

Position是prototype中定义的一个对象,提供了操作DOM中与位置相关的方法,要很好的理解元素在页面中的位置,具体代码如下,按照代码说说,其中英文是作者的注释,中文的才是偶的说明或翻译英文的注释,采用顶式注释法(注释在要说明的代码的上面)说明

 // set to true if needed, warning: firefox performance problems
 // NOT neeeded for page scrolling, only if draggable contained in
 // scrollable elements
 //只有在使用拖动的时候元素包含在有滚动条的元素中才需要设置为true
 includeScrollOffsets: false,
 // must be called before calling withinIncludingScrolloffset, every time the
 // page is scrolled
 //当页面被scrolled后,使用withinIncludingScrolloffset的时候需要先调用这个方法
 prepare: function() {
  //横向滚动条滚动的距离
  this.deltaX = window.pageXOffset
          || document.documentElement.scrollLeft
          || document.body.scrollLeft
          || 0;
  //纵向滚动条滚动的距离
  this.deltaY = window.pageYOffset
          || document.documentElement.scrollTop
          || document.body.scrollTop
          || 0;
 },

//元素由于滚动条偏移的总距离 

realOffset: function(element) {
  var valueT = 0, valueL = 0;
  do {
   valueT += element.scrollTop || 0;
   valueL += element.scrollLeft || 0;
   element = element.parentNode;
  } while (element);
  return [valueL, valueT];
 },

1 2 3 4 5 6  下一页

Tags:prototype 使用 学习

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接