Bug Tracker

Opened 6 years ago

Closed 5 years ago

#6770 closed feature (invalid)

Problems with height manipulation in Chrome

Reported by: Gungneer Owned by:
Priority: undecided Milestone: 1.4.2
Component: manipulation Version: 1.4.2
Keywords: height chrome Cc:
Blocked by: Blocking:

Description

Ok, so I've got this thing, changes height of an element when browser is resized and all that jazz... FF works fine, IE, and Opera too... Chrome and Sarari though will still use my AJAX page system, but it refuses to change an element to a height based on the height of other elements in teh document, so I know that jQuery IS working, just the height isn't... Any chance anyone can tell me what this is about?

Change History (2)

comment:1 Changed 6 years ago by Gungneer

Here is the source for waht I am having problems with... (PLease note, JS is NOT my strongpoint. ;D And all this is included into my check for if the document is ready)

resizeShit = function() {

$('#mainContent').jScrollPaneRemove(); $('#thesidebar').jScrollPaneRemove();

var howmuch = parseInt($("#navbar").height()) + parseInt($("#footer").height()) + parseInt($("#header").height()) + parseInt($("#navbar").css('padding-top')) + parseInt($("#navbar").css('padding-bottom')) + parseInt($("#mainContentCtnr").css('padding-top')) + parseInt($("#mainContentCtnr").css('padding-bottom')) + parseInt($("#header").css('padding-top')) + parseInt($("#header").css('padding-bottom')) + parseInt($("#footer").css('padding-top')) + parseInt($("#footer").css('border-bottom-width')) + parseInt($("#footer").css('border-top-width')) + parseInt($("#header").css('border-bottom-width')) + parseInt($("#header").css('border-top-width')) + parseInt($("#navbar").css('border-bottom-width')) + parseInt($("#navbar").css('border-top-width')) + parseInt($("#mainContentCtnr").css('border-bottom-width')) + parseInt($("#wrap").css('margin-top')) + parseInt($("#wrap").css('margin-bottom')) + 5;

var newHeight = $(window).height() - howmuch; $('#mainContentCtnr').height(Math.max(newHeight,230)); $('#sidebar').height(Math.max(newHeight,230)); $('#mainContent').jScrollPane(); $('#thesidebar').jScrollPane();

}

$(window).resize(function(){

resizeShit();

}); resizeShit();

comment:2 Changed 5 years ago by addyosmani

  • need changed from Review to Test Case
  • Priority set to undecided
  • Resolution set to invalid
  • Status changed from new to closed

Incomplete test case. Please re-submit your ticket including a live test case and the version of the jScrollPane plugin being used.

PS: Please note that as using the jScrollPane plugin and it has known issues when it comes to resizing scrollbars relative to content that you may be able to get better assistance by contacting the plugin author or finding a forum where jScrollPane is supported.

Alternatively you may be able to get better assistance in the plugins section of forum.jquery.com.

Note: See TracTickets for help on using tickets.