Detect page zoom change with jQuery in Safari

by

It’s not a direct duplicate of this question since that deals with Mobile Safari, but the same solution will work.

When you zoom in, window.innerWidth is adjusted, but document.documentElement.clientWidth is not, therefore:

var zoom = document.documentElement.clientWidth / window.innerWidth;

Furthermore, you should be able to use the onresize event handler (or jQuery’s .resize()) to check for this:

var zoom = document.documentElement.clientWidth / window.innerWidth;
$(window).resize(function() {
    var zoomNew = document.documentElement.clientWidth / window.innerWidth;
    if (zoom != zoomNew) {
        // zoom has changed
        // adjust your fixed element
        zoom = zoomNew
    }
});

More Related Contents:

  1. What is wrong with this basic Javascript code? [closed]
  2. Have a pop up window when clicking on an image
  3. jQuery AJAX submit form
  4. Check if an image is loaded (no errors) with jQuery
  5. How can I get the data-id attribute?
  6. jQuery Event Keypress: Which key was pressed?
  7. Required field validations not working in JQuery Popup MVC 4
  8. Setting background-image using jQuery CSS property
  9. Parallel asynchronous Ajax requests using jQuery
  10. jQuery.inArray(), how to use it right?
  11. Get the contents of a table row with a button click
  12. How to remove one specific selected file from input file control
  13. How to get the background color code of an element in hex?
  14. split string only on first instance of specified character
  15. “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
  16. Detect iPad users using jQuery?
  17. Testing if a checkbox is checked with jQuery
  18. How to read xml file contents in jQuery and display in html elements?
  19. get selected text’s html in div
  20. Should I link to Google API’s cloud for JS libraries?
  21. Differences between detach(), hide() and remove() – jQuery
  22. Eliminate 300ms delay on click events in mobile Safari
  23. How to detect an audio has finished playing in a web page?
  24. Simulating a click in jQuery/JavaScript on a link
  25. Post-loading : check if an image is in the browser cache
  26. fade effect using javascript no jquery?
  27. Alternative to eval() javascript [duplicate]
  28. Downloading file from ajax result using blob
  29. Google’s Places API and JQuery request – Origin http://localhost is not allowed by Access-Control-Allow-Origin
  30. Create a table in SVG

Leave a Comment