Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Very slow on scroll #22

Open
mlarcher opened this issue Oct 18, 2012 · 1 comment
Open

Very slow on scroll #22

mlarcher opened this issue Oct 18, 2012 · 1 comment

Comments

@mlarcher
Copy link

The latest version is veeery slow in IE7 when scrolling, and can prevent it from responding.
Not sure if something in particular triggers this or if it's just the counterpart of recent enhancements, but it is not usable as is anymore.
This is a critical issue.

@mlarcher mlarcher reopened this Oct 19, 2012
@Schepp
Copy link
Owner

Schepp commented Oct 24, 2012

I guess you applied the polyfill the Paul Irish way, meaning like:

* {
    box-sizing: border-box; 
    *behavior: url(/scripts/boxsizing.htc);
}

That's the first thing you probably should not do. Reason being that you create a dependancy chain accross the DOM, where child elements recalculate based on the size of the parent elment, which is also calculating its own size and so on and so forth.

HTC-files are nothing more than JavaScripts that do calculations on the element they are apllied to. And I guess you heard how badass of a "fast" Javascript engine IE6 & 7 have, right? So lets say you have 100 elements in total on your page, then you have a wide pyramid of elements being scripted. Not good.

Try to apply the polyfill just to the elements where you really only need border-box.

Apart from that: Can you show me an example-page, please?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants