jQuery height is wrong when refreshing in middle of document

Course Queries Syllabus Queries 3 years ago

88 2 0 0 0

User submissions are the sole responsibility of contributors, with TuteeHUB disclaiming liability for accuracy, copyrights, or consequences of use; content is for informational purposes only and not professional advice.

Answers (2)

Post Answer
profilepic.png
manpreet Tuteehub forum best answer Best Answer 3 years 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?

0 views
0 shares

profilepic.png
manpreet 3 years ago

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


0 views   0 shares

No matter what stage you're at in your education or career, TuteeHUB will help you reach the next level that you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice sessions to improve your knowledge and scores.

Similar Forum