ทำ div ให้เป็น scroll
May 17th
เห็นมีคนถามกันเข้ามาเยอะเลยว่า ในเว็บไซต์ ต่างประเทศ เค้าทำ div ให้เป็น scroll ได้ อยากทำได้บ้าง จริงๆแล้วไม่ยากเลย ใช้แค่ property ตัวเดียวเท่านั้นเอง สามารถนำไปใช้แทน <iframe> ได้เลยครับ
เขียน css ดังนี้
<style type=”text/css”>
.longtext{width:250px;height:150px;overflow:scroll;}
</style>html ดังนี้
<div class=”longtext”>
เนื้อหา text
</div>
ตัวอย่างดูด้านใน
กำหนดความกว้าง ความสูงของ div ได้ตามต้องการ แล้วใส่ overflow:scroll แปลว่า ส่วนเกินขอบเขต ให้เป็น scroll ครับ ทำเองก็ได้ง่ายจัง 
ตัวอย่าง (ใส่ background เพิ่มเองนะ)
test test test
test test test
test test test
test test test
test test test
test test test
test test test
โอวว เพิ่งรู้นะเนี่ย ง่าย ๆ แบบนี้เลย
ขอบคุณมากค่ะ
เวลาข้อมูลไม่เกิดขนาด ก็จะเกิด Scrollbar นะครับ
ดังนั้น ถ้าไม่อยากให้มันขึ้น Scrollbar ให้แก้ตรง
overflow:scroll;เป็นoverflow:auto;แทนก็ได้น่ะครับผมใช้ overflow:auto ตลอด
แบบนี้โค้ดจะได้ไม่กินเนื้อที่แสดงผลของเพจด้วยครับ ดีจัง
ขอบคุณครับ
ขอบคุณค่ะ กำลังหาอยู่พอดีเลย
Thank you for good information
แบบนี้ต้องลองครับ