কিভাবে ওভারফ্লো:স্ক্রোল ওভারফ্লো থেকে আলাদা: অটো?

সিএসএস ' উপচে পড়া নির্বাচিত HTML উপাদানের জন্য সামগ্রীর ওভারফ্লো নিয়ন্ত্রণ করতে সম্পত্তি ব্যবহার করা হয়। বিষয়বস্তু একটি নির্দিষ্ট দিকে নিয়ন্ত্রণ করা যেতে পারে 'এর সাহায্যে overflow-y ' এবং ' overflow-x ' বৈশিষ্ট্য। 'ওভারফ্লো' সম্পত্তি 'এর মত মান গ্রহণ করে স্ক্রল ', ' দৃশ্যমান ', ' গোপন ' এবং ' স্বয়ংক্রিয় 'এবং তারা একে অপরের থেকে কার্যকারিতায় পরিবর্তিত হয়। যাইহোক, এই নির্দেশিকা ব্যবহারিক উদাহরণ ব্যবহার করে ওভারফ্লো:স্ক্রোল এবং ওভারফ্লো:অটোর মধ্যে পার্থক্য প্রদর্শন করে।

কীভাবে ওভারফ্লো:স্ক্রোল ওভারফ্লো:অটো থেকে আলাদা?

মধ্যে প্রধান পার্থক্য ' স্ক্রল ' এবং ' স্বয়ংক্রিয় 'মান হল যে ' overflow: scroll ” সর্বদা একটি স্ক্রলবার দেখায় যে এটির প্রয়োজন হোক বা না হোক যা একটি চাক্ষুষ বিভ্রান্তি তৈরি করে। অন্যদিকে, “ ওভারফ্লো: স্বয়ংক্রিয় ” শুধুমাত্র স্ক্রলবার প্রদর্শন করে যখন বিষয়বস্তু ওভারফ্লো হয়। এইভাবে, একটি পরিষ্কার এবং আরও সুগমিত নকশা তৈরি করা যেতে পারে যা সহজেই ব্যবহারকারীর মনোযোগ আকর্ষণ করে।

উদাহরণ 1: overflow:scroll প্রপার্টি ব্যবহার করা

সিএসএস ' overflow: scroll ” সম্পত্তি ওভারফ্লো হওয়া বিষয়বস্তু নিয়ন্ত্রণ করতে ডিফল্টভাবে স্ক্রলবার সেট করে। এটি ওভারফ্লো বিষয়বস্তু দেখতে পায় না এবং তারপর স্ক্রলবার প্রয়োগ করে। পরিবর্তে, এটি কোড সংকলনের পরে একটি অনুভূমিক এবং উল্লম্ব স্ক্রল বার প্রদর্শন করে, তবে ব্যবহারকারী ডিজাইনের প্রয়োজনীয়তা অনুসারে শুধুমাত্র একটি পার্শ্ব স্ক্রলবার পরিবর্তন এবং প্রদর্শন করতে পারে।

'ওভারফ্লো:স্ক্রোল' বৈশিষ্ট্যটি ব্যবহার করতে নীচের কোডটি দেখুন: