SOFTBIN Scrollable div বা div এ scroll bar যুক্ত করবেন কিভাবে? | SOFTBIN
Cell | 01720583469, 01532260777 TNT| 02 985 2100
Comment : 0

div এ scroll bar যুক্ত করবেন কিভাবে?

এই পোষ্টটি থেকে আপনি শিখতে পারবেন কিভাবে

একটি Div এ কিভাবে vertically scroll bar যোগ করা যায়
একটি Div এ কিভাবে horizontal scroll bar যোগ করা যায়
একটি Div এ কিভাবে vertically ও horizontal উভয় scroll যোগ করা যায়।

Div এ scroll যুক্ত করার সবচেয়ে ভাল উপায় হচ্ছে CSS ব্যাবহার করা।  খুবই সহজ একটি কোড দিয়ে এটি আমরা করে ফেলব। তবে মনে রাখতে হবে, এই কোডের সাথে আপনি height এবং width বলে দিবেন অর্থাৎ Div এর সাইজ কেমন হবে তা বলে দিবেন।। তা বলে না দিলেও কোড অবশ্য scroll যুক্ত করে দিবে।

একটি Div নিন এবং সেখানে নিচের এই style code টুকু add করুন।

 style=”overflow-y:scroll; width: 400px; height: 400px;”

তাহলেই আপনার div এ vertical scroll দেখা যাবে।

এবার যদি আপনি horizontal scroll যুক্ত করতে চান তবে নিচের এই কোডটি যুক্ত করুন।

style=”overflow-x:scroll; width: 400px; height: 400px; “

আপনার div এখন ডানে বায়ে scroll করা যাবে।  আর আপনি যদি ডানে বায় এবং উপর নিচে দুই ভাবেই scroll করতে চান তবে শুধু scroll এড করুন  অর্থাৎ আপনার সম্পূর্ন কোডটি হবে

<div style=”overflow:scroll; height: 400px;  width: 400px; “>
এখানে কনটেন্ট add করুন।
</div>

আর আপনি যদি এমন চান প্রয়োজন মত vertical অথবা horizontal scroll যুক্ত হবে, তাহলে কোডটি হবে

style=”overflow: auto; width: 400px; height: 400px; “

এই কোড এড করলে প্রথমে কোড চেক করে দেখবে height বা width অনুযায়ী কনটেন্ট এর জন্য scroll bar এর দরকার আছে কি না, যদি থাকে তবে এড করবে না হলে করবে না।

About the Author
CEO SOFTBIN. Workaholic is the right term to express him. Sound knowledge about web technology as well as programming. He started his business as a startup and now he run a software firm which leads other startups! Very polite and benevolent person. His leadership quality helps him to lead a large team of technical persons with vision and passion!

Leave a Reply

*