| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset='UTF-8'> | |
| <title>title</title> | |
| <style> | |
| body, html { | |
| margin: 0; | |
| padding: 0; | |
| background: #000; |
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
| <select name="DropDownTimezone" id="DropDownTimezone"> | |
| <option value="-12.0">(GMT -12:00) Eniwetok, Kwajalein</option> | |
| <option value="-11.0">(GMT -11:00) Midway Island, Samoa</option> | |
| <option value="-10.0">(GMT -10:00) Hawaii</option> | |
| <option value="-9.0">(GMT -9:00) Alaska</option> | |
| <option value="-8.0">(GMT -8:00) Pacific Time (US & Canada)</option> | |
| <option value="-7.0">(GMT -7:00) Mountain Time (US & Canada)</option> | |
| <option value="-6.0">(GMT -6:00) Central Time (US & Canada), Mexico City</option> | |
| <option value="-5.0">(GMT -5:00) Eastern Time (US & Canada), Bogota, Lima</option> | |
| <option value="-4.0">(GMT -4:00) Atlantic Time (Canada), Caracas, La Paz</option> |