विंडो आकार बदलने पर ऊंचाई div कैसे बदलें?

Question

मेरे पास मेरी वेबसाइट पर एक div है जो खिड़की की ऊंचाई होना चाहिए।

$(document).ready(function() { 
    var bodyheight = $(document).height(); 
    $("#sidebar").height(bodyheight); 
}); 

हालांकि, यह स्वचालित रूप से खिड़की का आकार बदलने पर नहीं बदलता है: यह मैं क्या मिला है? क्या कोई जनता है कि यह कैसे ठीक किया जाता है?

धन्यवाद

Answer 1

तुम भी ऐसा करने के लिए कि resize घटना में की जरूरत है, इस प्रयास करें:

$(document).ready(function() { 
    $(window).resize(function() { 
     var bodyheight = $(this).height(); 
     $("#sidebar").height(bodyheight); 
    }).resize(); 
}); 

Answer 2

resize घटना का प्रयोग करें।

यह काम करना चाहिए:

$(document).ready(function() { 
    $(window).resize(function() { 
    var bodyheight = $(document).height(); 
    $("#sidebar").height(bodyheight); 
}); }); 

Answer 3

क्या अन्य लोगों ने कहा सुनिश्चित करें कि आप एक अलग समारोह में ईवेंट हैंडलर कोड निकालने और यह ready और resize घटना संचालकों से फोन बनाने के लिए इसके अलावा। इस तरह यदि आप कुछ और कोड जोड़ते हैं या इसे अन्य घटनाओं में बांधने की आवश्यकता है तो आपके पास कोड तर्क बदलने के लिए केवल एक ही स्थान होगा।

Answer 4

इस पर कुछ स्पष्टीकरण, प्रत्येक कॉलबैक के बाद विंडो को आकार बदलने के लिए आपको स्पष्ट करना होगा कि आपको कौन सी ऊंचाई पुनर्प्राप्त करना है।

$(document).ready(function() { 
     $(window).resize(function() { 
      var bodyheight = $(window).height(); 
      $("#sidebar").height(bodyheight); 
     }); 
    }); 

अन्यथा, मेरे अनुभव से, ऊंचाई अब चाहे कितना आप विंडो का आकार बदलने बढ़ती रखना होगा। यह वर्तमान खिड़की की ऊंचाई ले जाएगा।

Answer 5

बस दिखाने के लिए सूखी-अप स्वीकार किए जाते हैं जवाब पर टिप्पणी में सुझाव दिया:

$(document).ready(function() { 
    body_sizer(); 
    $(window).resize(body_sizer); 
}); 
function body_sizer() { 
    var bodyheight = $(window).height(); 
    $("#sidebar").height(bodyheight); 
} 

और निश्चित रूप से इस तरह के मूर्खतापूर्ण है, क्योंकि यह कुछ ऐसा है जो सीएसएस के साथ और अधिक बस किया जा सकता है है। लेकिन अगर एक गणना शामिल थी तो यह एक अलग कहानी होगी। इस उदाहरण के साथ जो एक div को खिड़की के नीचे भर देता है, थोड़ा सा फजफैक्टर कम करता है।

$(function(){ 
    resize_main_pane(); 
    $(window).resize(resize_main_pane); 
}); 
function resize_main_pane() { 
    var offset = $('#main_scroller').offset(), 
    remaining_height = parseInt($(window).height() - offset.top - 50); 
    $('#main_scroller').height(remaining_height); 
} 

Answer 6

$(document).ready(function() 
{ 

    $(window).on("resize",function() { 

      var bodyheight = $(document).height(); 

      $("#sidebar").height(bodyheight); 
    }); 

});