MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

mozbrowserscrollareachanged

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

The mozbrowserscrollareachanged event is fired when the available scrolling area in the browser <iframe> changes. This can occur on resize and when the page size changes (while loading for example.)

General info

Specification
Non standard
Interface
CustomEvent
Bubbles
Yes
Cancelable
Yes
Target
<iframe>
Default Action
None

Properties

Property Type Description
target Read only EventTarget The browser iframe
type Read only DOMString The type of event.
bubbles Read only Boolean Whether the event normally bubbles or not
cancelable Read only Boolean Whether the event is cancellable or not?
details Read only object A custom object

details

The details property returns an anonymous JavaScript object with the following properties:

width
A number representing the new scroll area width of the <iframe> viewport, in CSS pixels.
height
A number representing the new scroll area height of the <iframe> viewport, in CSS pixels.

Example

var browser = document.querySelector("iframe");

browser.addEventListener("mozbrowserscrollareachanged", function( event ) {
  console.log("The new scroll area is " + event.details.width +
              " x " + event.details.height + ".");
});

See also

Document Tags and Contributors

 Contributors to this page: chrisdavidmills
 Last updated by: chrisdavidmills,