Categories

See More
Popular Forum

MBA (4887) B.Tech (1769) Engineering (1486) Class 12 (1030) Study Abroad (1004) Computer Science and Engineering (988) Business Management Studies (865) BBA (846) Diploma (746) CAT (651) B.Com (648) B.Sc (643) JEE Mains (618) Mechanical Engineering (574) Exam (525) India (462) Career (452) All Time Q&A (439) Mass Communication (427) BCA (417) Science (384) Computers & IT (Non-Engg) (383) Medicine & Health Sciences (381) Hotel Management (373) Civil Engineering (353) MCA (349) Tuteehub Top Questions (348) Distance (340) Colleges in India (334)
See More

jQuery height is wrong when refreshing in middle of document

Course Queries Syllabus Queries

Max. 2000 characters
Replies

usr_profile.png

User

( 4 months ago )

 

I have javascript code which calculates the height of container.

Two situations:

Correct Height - When I do a hard refresh at the top of the page.

Incorrect Height - When I do a hard refresh somewhere in the middle of the page.

jQuery

    jQuery( document ).ready(function() {
      if (jQuery('.sidebar').length){
        var $sidebar = jQuery('.sidebar');
        var $container = jQuery('.syllabus-container');
        var $writerContainer = jQuery('.writer-container');
        var sideBottom = parseFloat($sidebar.css('top')) + $sidebar.height();
        var contBottom = $container.offset().top + $container.height();
      }
   });

I don't really have a live example, but basically the problem lies in that last line, where it does $container.height(). Can anyone think of any reason for this?

usr_profile.png

User

( 4 months ago )

It's best to use onload instead of ready. This makes the script wait a little bit longer until everything is loaded in.

what's your interest


forum_ban8_5d8c5fd7cf6f7.gif