ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingสอบถามหน่อยจ้าเรื่อง scrollbar
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: สอบถามหน่อยจ้าเรื่อง scrollbar  (อ่าน 1360 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
pooh20240
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 245
ออฟไลน์ ออฟไลน์

กระทู้: 3,632



ดูรายละเอียด เว็บไซต์
« เมื่อ: 25 กรกฎาคม 2010, 19:56:35 »

คืออยากจะใช้ scrollbar ในหน้าแสดงผลที่ width เกินที่เรากำหนดเช่น กำหนดไว้ 500px พอข้อมูลใหญ่กว่า กรอบมันจะขยายขึ้น

ผมต้องการใช้ scrollbar เลือนด้านล่างแทน  (ไม่ใช่ด้านข้างนะ)

หาใน google ยังไม่เห็นเลยมีเพื่อนๆคนไหนพอรู้บ้างครับว่าต้องใช้ css หรือ java ทำ  Tongue
บันทึกการเข้า

แหล่งรวมสาว AV 18+ <== BAN USER ถาวร เรียบร้อย
เฮียเล้ง
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 57
ออฟไลน์ ออฟไลน์

กระทู้: 1,196



ดูรายละเอียด
« ตอบ #1 เมื่อ: 25 กรกฎาคม 2010, 20:09:12 »

ไม่เคยได้ยินว่ากำหนดได้นะครับ

ถ้าอยากให้มันขยายจริงๆ

ลองใส่ภาพอะไรยาวๆ ลงไป (ทำเป็นเส้นบางๆ ก็ได้) ให้มันยาวมากๆ มันก็จะได้ขึ้น score ให้
บันทึกการเข้า

pooh20240
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 245
ออฟไลน์ ออฟไลน์

กระทู้: 3,632



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 25 กรกฎาคม 2010, 20:17:07 »

ไม่เคยได้ยินว่ากำหนดได้นะครับ

ถ้าอยากให้มันขยายจริงๆ

ลองใส่ภาพอะไรยาวๆ ลงไป (ทำเป็นเส้นบางๆ ก็ได้) ให้มันยาวมากๆ มันก็จะได้ขึ้น score ให้

ถ้าแบบนั้นใช้ ifrem ได้ครับ แต่ที่จะทำคือใช้ div อะครับ
บันทึกการเข้า

แหล่งรวมสาว AV 18+ <== BAN USER ถาวร เรียบร้อย
bouy22
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 408
ออฟไลน์ ออฟไลน์

กระทู้: 2,334



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 25 กรกฎาคม 2010, 20:21:43 »


โค๊ด:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>

<body>
<div style="width:500px; height:300px;overflow-x: scroll; overflow-y:hidden;">asfddddddddddddddddddddddddddddddddddddddddddddddddasf4as54fas4fasd4fdas54asfd546fdas65d54asfd54as6dsfdas</div>
</body>
</html>

อย่างงี้ป่าว มั่วซอง  Embarrassed
« แก้ไขครั้งสุดท้าย: 25 กรกฎาคม 2010, 20:23:01 โดย bouy2527 » บันทึกการเข้า

สนใจทำธุรกิจไอศกรีมหนองโพ คลิกเลย | ลงประกาศโฆษณา ประกาศฟรี | เว็บฝากรูป | สคริปเกมแฟลช |
ผลิตภัณฑ์เสริมอาหารออกซิเจนน้ำ Adoxy
pooh20240
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 245
ออฟไลน์ ออฟไลน์

กระทู้: 3,632



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 25 กรกฎาคม 2010, 20:31:22 »


โค๊ด:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>

<body>
<div style="width:500px; height:300px;overflow-x: scroll; overflow-y:hidden;">asfddddddddddddddddddddddddddddddddddddddddddddddddasf4as54fas4fasd4fdas54asfd546fdas65d54asfd54as6dsfdas</div>
</body>
</html>

อย่างงี้ป่าว มั่วซอง  Embarrassed


ขอบคุณครับเด๋วลองดุก่อน
บันทึกการเข้า

แหล่งรวมสาว AV 18+ <== BAN USER ถาวร เรียบร้อย
boy1000
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 53
ออฟไลน์ ออฟไลน์

กระทู้: 1,328



ดูรายละเอียด
« ตอบ #5 เมื่อ: 25 กรกฎาคม 2010, 20:31:52 »

คืออยากจะใช้ scrollbar ในหน้าแสดงผลที่ width เกินที่เรากำหนดเช่น กำหนดไว้ 500px พอข้อมูลใหญ่กว่า กรอบมันจะขยายขึ้น

ผมต้องการใช้ scrollbar เลือนด้านล่างแทน  (ไม่ใช่ด้านข้างนะ)

หาใน google ยังไม่เห็นเลยมีเพื่อนๆคนไหนพอรู้บ้างครับว่าต้องใช้ css หรือ java ทำ  Tongue


ผมใช้ java ทำน่ะครับ

ยังไงลองดูแนวที่
โค๊ด:
http://www.hesido.com/web.php?page=customscrollbar
บันทึกการเข้า

Extra Cash
สมุนแก๊งเสียว
*

พลังน้ำใจ: 268
ออฟไลน์ ออฟไลน์

กระทู้: 631



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 25 กรกฎาคม 2010, 20:57:43 »

ถ้ามีตัวหนังสือยาวติดเป็นพืด หรือมีรูปอยู่ใน div ก็ใช้แบบที่ท่าน bouy2527 บอกก็ได้ครับ
แต่ถ้าจะให้แน่ใจให้แยก div เป็น 2 ชั้น ชั้นแรก scroll และชั้นใน fix จะ work กว่า
อีกอย่างให้ใช้ overflow-x:auto; จะทำให้ไม่แสดง scrollbar ถ้าข้อมูลยังไม่เกิน width
ตัวอย่างโค๊ดครับ
โค๊ด:
<html>
<head>
  <style type="text/css">
    div.scroll {width:100px; overflow-x:auto;}
    div.fix {width:500px; height:100px; overflow:hidden;}
  </style>
</head>
<body>
  <div class="scroll">
    <div class="fix">
       You can use the overflow property when you want to have better control of the layout.<br />
       The default value is visible.
    </div>
  </div>
</body>
</html>



บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์