Dumitru Chirutac dchirutac
OrganicPanda
/ hacky-scrollbar-resize-listener.js
Last active
April 7, 2024 10:53
A sham that will throw a window resize event even when scrollbars are added/removed (this is not something the standard window resize event does). Tested in IE9+, Chrome & Firefox latest.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Demo: http://jsfiddle.net/pFaSx/ | |
| // Create an invisible iframe | |
| var iframe = document.createElement('iframe'); | |
| iframe.id = "hacky-scrollbar-resize-listener"; | |
| iframe.style.cssText = 'height: 0; background-color: transparent; margin: 0; padding: 0; overflow: hidden; border-width: 0; position: absolute; width: 100%;'; | |
| // Register our event when the iframe loads | |
| iframe.onload = function() { | |
| // The trick here is that because this iframe has 100% width |