ทำ div ให้เป็น scroll
เห็นมีคนถามกันเข้ามาเยอะเลยว่า ในเว็บไซต์ ต่างประเทศ เค้าทำ 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
Tags: CSS techniques
Jennessa said,
May 17, 2007 @ 11:13 pm
โอวว เพิ่งรู้นะเนี่ย ง่าย ๆ แบบนี้เลย
ขอบคุณมากค่ะ
the DtTvB said,
May 18, 2007 @ 4:20 pm
เวลาข้อมูลไม่เกิดขนาด ก็จะเกิด Scrollbar นะครับ
ดังนั้น ถ้าไม่อยากให้มันขึ้น Scrollbar ให้แก้ตรง
overflow:scroll;เป็นoverflow:auto;แทนก็ได้น่ะครับiake said,
May 18, 2007 @ 9:10 pm
ผมใช้ overflow:auto ตลอด
พีทคุง said,
May 20, 2007 @ 7:05 pm
แบบนี้โค้ดจะได้ไม่กินเนื้อที่แสดงผลของเพจด้วยครับ ดีจัง
ขอบคุณครับ
cape said,
September 6, 2007 @ 6:49 pm
ขอบคุณค่ะ กำลังหาอยู่พอดีเลย