Highslide, 자동 내가 그에 대한 수정/솔루션을 찾고있었습니다

Question

스크롤 따라 발견이 주제 : http://highslide.com/forum/viewtopic.php?t=3030

function fixElement(el) { 
    var stl = el.style; 
    stl.position = 'fixed'; 
    stl.top = (parseInt(stl.top) - hs.page.scrollTop) +'px'; 
    stl.left = (parseInt(stl.left) - hs.page.scrollLeft) +'px'; 
} 
function unfixElement(el) { 
    var stl = el.style; 
    stl.position = 'absolute'; 
    stl.top = (parseInt(stl.top) + hs.page.scrollTop) +'px'; 
    stl.left = (parseInt(stl.left) + hs.page.scrollLeft) +'px'; 
} 

if (!hs.ie || hs.ieVersion() > 6) { 
    hs.Expander.prototype.onAfterExpand = function() { 
     fixElement (this.wrapper); 
     if (this.outline) fixElement(this.outline.table); 
    }; 

    hs.Expander.prototype.onBeforeClose = function() { 
     unfixElement (this.wrapper); 
     if (this.outline) unfixElement(this.outline.table); 
    }; 
} 

가 포럼 주제에 작은 해킹을 얻었으나, 해킹은 인터넷에서 작동하지 않습니다 Explorer (IE7, IE8 및 IE9)를 시도했습니다.

누군가 IE에서 작동하도록 해킹에 "수정"이 있습니까?

내가 그것을 코드의이 부분,이 조건에 관련된 뭔가 생각 : (! hs.ie || hs.ieVersion()> 6)

경우

, 내가 제거하고 일을하지만, 어쩌면이 코드는 바뀔 수 있습니다.

감사합니다.

Answer 1

아래 코드는 필요한 것입니다. 라이브 데모 : http://www.highslide.com/studies/position-fixed.html
주는 : highslide-full.js

// Highslide fixed popup mod. Requires the "Events" component. 
    if (!hs.ie || hs.uaVersion > 6) hs.extend (hs.Expander.prototype, { 
     fix: function(on) { 
     var sign = on ? -1 : 1, 
      stl = this.wrapper.style; 

     if (!on) hs.getPageSize(); // recalculate scroll positions 


     hs.setStyles (this.wrapper, { 
      position: on ? 'fixed' : 'absolute', 
      zoom: 1, // IE7 hasLayout bug, 
      left: (parseInt(stl.left) + sign * hs.page.scrollLeft) +'px', 
      top: (parseInt(stl.top) + sign * hs.page.scrollTop) +'px' 
     }); 

     if (this.outline) { 
      stl = this.outline.table.style; 
      hs.setStyles (this.outline.table, { 
      position: on ? 'fixed' : 'absolute', 
      zoom: 1, // IE7 hasLayout bug, 
      left: (parseInt(stl.left) + sign * hs.page.scrollLeft) +'px', 
      top: (parseInt(stl.top) + sign * hs.page.scrollTop) +'px' 
      }); 

     } 
     this.fixed = on; // flag for use on dragging 
     }, 
     onAfterExpand: function() { 
      this.fix(true); // fix the popup to viewport coordinates 
     }, 

     onBeforeClose: function() { 
     this.fix(false); // unfix to get the animation right 
     }, 

     onDrop: function() { 
      this.fix(true); // fix it again after dragging 
     }, 

     onDrag: function(sender, args) { 
     //if (this.fixed) { // only unfix it on the first drag event 
      this.fix(true); 
     //} 
     } 

    });