Side navigation
#6770 closed feature (invalid)
Opened July 06, 2010 10:25PM UTC
Closed October 09, 2010 02:50AM UTC
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?
Attachments (0)
Change History (2)
Changed July 07, 2010 02:10PM UTC by comment:1
Changed October 09, 2010 02:50AM UTC by comment:2
| need: | Review → Test Case |
|---|---|
| priority: | → undecided |
| resolution: | → invalid |
| status: | new → 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.
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();