[2.??] Document scrolling doesn't work in standards mode

[digerata]

Moving it to Bugs works for me. The example in the first post works to demonstrate as long as the script paths are updated.

[jsakalos]

OK, moving.

[Condor]

In standards mode the body will be the height of the content, so it can't scroll.

If you want the body to scroll you should make the body the height of the viewport, e.g.

html {
	height: 100%;
	overflow: hidden;
}
body {
	height: 100%;
	overflow: auto;
}

[digerata]

That works! Thanks for the input.

However, it results in strange margins that have to be corrected in a container div to maintain the existing layout.

So it is not a drop in replacement without forcing structural HTML changes on the end user. I wonder if it wouldn't be easier to incorporate the window scroll animation into Ext?

Thanks again, Condor.

[meza]

In standards mode the body will be the height of the content, so it can't scroll.

If you want the body to scroll you should make the body the height of the viewport, e.g.

html {
	height: 100%;
	overflow: hidden;
}
body {
	height: 100%;
	overflow: auto;
}

Thats the way to go!

Thanks!

[scipio]

Thanks digerata, your solution with window.scroll is the way to go because it works in all the major browsers.

The suggestion of using the following styling in conjunction with Ext Js' .scrollTo method

html {
	height: 100%;
	overflow: hidden;
}
body {
	height: 100%;
	overflow: auto;
}

almost works, but it fails in Safari.

[digerata]

Yeah, that's the important thing. It just works and without having to change your markup to support it. (Not to mention all other JS libraries do it that way) Hopefully, a solution using window.scroll animation will get added into Ext.

[wck555]

I am having the same issue (still not fixed as of Ext 3.2.1). I need to scroll the document body but I need to use standards mode so all my non ExtJS stuff renders correctly cross-browser. Here's a simplified solution that works with the ext adapter and doesn't require a new 'scrollWindow' animation type. I override the scroll animation to use scrollTo() for the body element and scrollLeft/scrollTop for any other element.

Ext.override(Ext.lib.Scroll, {
    setAttr : function(attr, val, unit) {
        var me = this;

        if(attr == 'scroll'){
            if(me.el == Ext.getBody().dom)
            {
                window.scrollTo(val[0], val[1]);
            }
            else
            {
                me.el.scrollLeft = val[0];
                me.el.scrollTop = val[1];
            }
        }else{
            superclass.setAttr.call(me, attr, val, unit);
        }
    }
});