CSS এর উচ্চতা সেট না করে ডিভের উচ্চতা পান

Question 1

উপাদানটির জন্য যদি কোনও সিএসএস উচ্চতা নিয়ম সেট না করে থাকে তবে আমি .height()jQuery পদ্ধতি ব্যবহার করতে পারি না কারণ এটির জন্য প্রথমে একটি সিএসএস নিয়ম সেট প্রয়োজন তাই কোনও উপাদানের উচ্চতা পাওয়ার কোনও উপায় আছে কি ? উচ্চতা পেতে অন্য কোন উপায় আছে?

Question 2

jQuery .heightআপনাকে উপাদানটির উচ্চতা ফিরিয়ে দেবে। এটি গণনার উচ্চতা নির্ধারণ করার কারণে এটির সিএসএস সংজ্ঞা প্রয়োজন হয় না।

ডেমো

আপনি ব্যবহার করতে পারেন .height(), .innerHeight()অথবা outerHeight()আপনার যা প্রয়োজন উপর ভিত্তি করে।

এখানে চিত্র বর্ণনা লিখুন

.height() - প্যাডিং, সীমানা এবং মার্জিন বাদ দিয়ে উপাদানের উচ্চতা প্রদান করে।

.innerHeight() - উপাদানগুলির উচ্চতাতে প্যাডিং অন্তর্ভুক্ত থাকে তবে সীমানা এবং মার্জিন বাদ দেয়।

.outerHeight() - সীমান্ত সহ ডিভের উচ্চতা প্রদান করে তবে মার্জিনকে বাদ দেয়।

.outerHeight(true) - মার্জিন সহ ডিভের উচ্চতা প্রদান করে।

লাইভ ডেমো জন্য কোড স্নিপেট নীচে চেক করুন। :)

$(function() {
  var $heightTest = $('#heightTest');
  $heightTest.html('Div style set as "height: 180px; padding: 10px; margin: 10px; border: 2px solid blue;"')
    .append('<p>Height (.height() returns) : ' + $heightTest.height() + ' [Just Height]</p>')
    .append('<p>Inner Height (.innerHeight() returns): ' + $heightTest.innerHeight() + ' [Height + Padding (without border)]</p>')
    .append('<p>Outer Height (.outerHeight() returns): ' + $heightTest.outerHeight() + ' [Height + Padding + Border]</p>')
    .append('<p>Outer Height (.outerHeight(true) returns): ' + $heightTest.outerHeight(true) + ' [Height + Padding + Border + Margin]</p>')
});

div { font-size: 0.9em; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="heightTest" style="height: 150px; padding: 10px; margin: 10px; border: 2px solid blue; overflow: hidden; ">
</div>

স্নিপেট প্রসারিত করুন

Question 3

অন্যদের একই সমস্যা হলে কেবল একটি নোট।

আমি একই সমস্যা ছিল এবং একটি পৃথক উত্তর খুঁজে পেয়েছি। আমি দেখেছি যে একটি div যে উচ্চতা এটির সামগ্রীগুলি চাহিদা দ্বারা নির্ধারিত হয় উচ্চতা পেয়ে প্রবর্তিত করা window.load , অথবা window.scroll না document.ready নইলে বিজোড় উচ্চতা / ছোট উচ্চতা পেতে, অর্থাত সামনে ইমেজ লোড। আমি আউটারহাইট () ও ব্যবহার করেছিলাম ।

var currentHeight = 0;
$(window).load(function() {
    //get the natural page height -set it in variable above.

    currentHeight = $('#js_content_container').outerHeight();

    console.log("set current height on load = " + currentHeight)
    console.log("content height function (should be 374)  = " + contentHeight());   

});

Question 4

JQuery এ এটি করতে পারেন । সমস্ত বিকল্প চেষ্টা করুন .height(), .innerHeight()বা .outerHeight()।

$('document').ready(function() {
    $('#right_div').css({'height': $('#left_div').innerHeight()});
});

উদাহরণ স্ক্রিনশট

এখানে চিত্র বর্ণনা লিখুন

আশাকরি এটা সাহায্য করবে. ধন্যবাদ !!

Question 5

এছাড়াও ডিভটি বর্তমানে ডিওএম এ যুক্ত হয়েছে এবং দৃশ্যমান তা নিশ্চিত করুন ।