Question

47

jQuery(document).width() doesn't include width outside of viewable area

rated 0 times [ 48] [ 1] / answers: 1 / hits: 16998 / 14 Years ago, thu, september 16, 2010, 12:00:00

jQuery(document).width() doesn't include the total width (viewable + outside of viewable when there's a horizontal bar). It equals jQuery(window).width(). I thought jQuery(window).width() is the viewable area width and jQuery(document).width() is the total width.

How do I get the total width or how do I get the width of the area outside of the viewable area using jQuery?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

alejandro

Add To Favorites

Follow

Total Points: 231

Total Questions: 102

Total Answers: 107

Location: Jordan

Member since Wed, Jun 17, 2020

4 Years ago

alejandro questions

1 Discord.js v13 code breaks when upgrading to v14

Mon, Jul 18, 22, 00:00, 2 Years ago

1 React Image Magnifiers not working when zoom in using nextjs

Fri, Sep 18, 20, 00:00, 4 Years ago

1 Discord.js bot responds when mentioned

Thu, Sep 10, 20, 00:00, 4 Years ago

1 how to get input field value on button click in Vuejs or in vanila javascript?

Sun, Aug 9, 20, 00:00, 4 Years ago

1 How do I set a user's voice channel when I have the user's id?

Thu, May 21, 20, 00:00, 4 Years ago

View All

answered 14 Years ago margob · Accepted Answer

To get the width of the invisible portion, simply subtract the total document width from the visible window width:

jQuery(document).width() - jQuery(window).width()

jsFiddle example

alt

Like you write, $(document).width() is the total width, and $(window).width() is the width that is currently visible.

Tested in the latest Chrome, Firefox, Internet Explorer, and Safari.