Bug Tracker

Modify

Ticket #6770 (closed feature: invalid)

Opened 4 years ago

Last modified 4 years ago

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:
Blocking: Blocked by:

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

comment:1 Changed 4 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 4 years ago by addyosmani

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

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.

Please follow the  bug reporting guidlines and use  jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.

View

Add a comment

Modify Ticket

Action
as closed
Author


E-mail address and user name can be saved in the Preferences.

 
Note: See TracTickets for help on using tickets.