Форум программистов [Powered by Invision Power Board]

Код


<public:component lightweight='true'> 
<public:attach event='ondocumentready' onevent='init_element()' />
<script type='text/jscript'>
/*<![CDATA[*/

/**
 * This function initializes coordinates, saving them in two arrays.
 * Also it registers two handlers for onresize*onscroll events. 
 */

function init_element() {
    var doc = window.document,
        csscompat = (doc.compatMode == 'CSS1Compat'),
        canvas;
    if (window.XMLHttpRequest && csscompat
        || currentStyle.position != 'fixed')
        return;
    else {
        style.position = 'absolute';
        init_element.scroll_params = (init_element.resize_params
            = [(canvas = (csscompat) ? doc.documentElement : doc.body),
            parseInt(currentStyle.top) || offsetTop,
            parseInt(currentStyle.left) || offsetLeft,
            parseInt(currentStyle.bottom), parseInt(currentStyle.right),
            canvas.offsetHeight, canvas.offsetWidth]).slice(0, 3);
        window.attachEvent('onscroll', element_onscroll);
        window.attachEvent('onresize', element_onresize);
    }
}

/**
 * This function establishes new values of coordinates of an element 
 * depending on its initial position and a condition of scrolling. 
 */

function element_onscroll() {
    var params = init_element.scroll_params;
    style.top = params[0].scrollTop + params[1] + 'px';
    style.left = params[0].scrollLeft + params[2] + 'px';
}

/**
 * This function also establishes new values of coordinates 
 * of an element depending on its initial position and a condition 
 * of scrolling, and also saves current coordinates.
 */

function element_onresize() {
    var params = init_element.resize_params,
        height = params[0].offsetHeight,
        width = params[0].offsetWidth,
        top = (params[3])
               ? params[1] - (params[5] - height)
               : params[1],
        left = (params[4])
                ? params[2] - (params[6] - width)
                : params[2];
    style.top = params[0].scrollTop +  top + 'px';
    style.left =  params[0].scrollLeft + left + 'px';
    init_element.scroll_params[1] = top;
    init_element.scroll_params[2] = left;
}

/*]]>*/
</script>
</public:component>

Цитата(mielnir)

...все отлично )) Гляньте подпись Sardar'a.

Код


left: expression( ( -20 - fixme.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );

Код


#ID {
    position:fixed;
    top:0px;
    left:0px;
    behavior:url(position-fixed.htc);
}

Код


<public:component lightweight='true'> 
<public:attach event='ondocumentready' onevent='fixPosition()' />
<script type='text/jscript'>
/*<![CDATA[*/
if (!window.__getDimensionsForFixPosition__) {
    window.__getDimensionsForFixPosition__ = function (method) {
        var d = this.document;
        return (d.documentElement[method] || d.body[method]);
    }
}
function fixPosition() {
    if (!/MSIE (5|6)/.test(navigator.userAgent)) return;
    style.position = 'absolute';
    var l = parseInt(currentStyle.left),
        t = parseInt(currentStyle.top),
        r = parseInt(currentStyle.right),
        b = parseInt(currentStyle.bottom),
        s1 = '+__getDimensionsForFixPosition__("clientWidth")',
        s2 = '+__getDimensionsForFixPosition__("scrollLeft")',
        l_p = (isNaN(l))
               ? -r - offsetWidth + s1
               : l,
        t_p = (isNaN(t))
               ? -b - offsetHeight + s1.replace(/Width/, 'Height')
               : t;
    style.setExpression('left', l_p + s2);
    style.setExpression('top', t_p + s2.replace(/Left/, 'Top'));
}
/*]]>*/
</script>
</public:component>