ThaiSEOBoard.com

พัฒนาเว็บไซต์ => Programming => ข้อความที่เริ่มโดย: pooh20240 ที่ 25 กรกฎาคม 2010, 19:56:35


หัวข้อ: สอบถามหน่อยจ้าเรื่อง scrollbar
เริ่มหัวข้อโดย: pooh20240 ที่ 25 กรกฎาคม 2010, 19:56:35
คืออยากจะใช้ scrollbar ในหน้าแสดงผลที่ width เกินที่เรากำหนดเช่น กำหนดไว้ 500px พอข้อมูลใหญ่กว่า กรอบมันจะขยายขึ้น

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

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

หัวข้อ: Re: สอบถามหน่อยจ้าเรื่อง scrollbar
เริ่มหัวข้อโดย: เฮียเล้ง ที่ 25 กรกฎาคม 2010, 20:09:12
ไม่เคยได้ยินว่ากำหนดได้นะครับ

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

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

หัวข้อ: Re: สอบถามหน่อยจ้าเรื่อง scrollbar
เริ่มหัวข้อโดย: pooh20240 ที่ 25 กรกฎาคม 2010, 20:17:07
อ้างจาก: เฮียเล้ง ที่ 25 กรกฎาคม 2010, 20:09:12
ไม่เคยได้ยินว่ากำหนดได้นะครับ

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

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

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

หัวข้อ: Re: สอบถามหน่อยจ้าเรื่อง scrollbar
เริ่มหัวข้อโดย: bouy22 ที่ 25 กรกฎาคม 2010, 20:21:43
(http://www.uppicth.com/uploads/534ad6d.gif)
โค๊ด:
<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>

อย่างงี้ป่าว มั่วซอง  :-[

หัวข้อ: Re: สอบถามหน่อยจ้าเรื่อง scrollbar
เริ่มหัวข้อโดย: pooh20240 ที่ 25 กรกฎาคม 2010, 20:31:22
อ้างจาก: bouy2527 ที่ 25 กรกฎาคม 2010, 20:21:43
([url]http://www.uppicth.com/uploads/534ad6d.gif[/url])
โค๊ด:
<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>

อย่างงี้ป่าว มั่วซอง  :-[


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

หัวข้อ: Re: สอบถามหน่อยจ้าเรื่อง scrollbar
เริ่มหัวข้อโดย: boy1000 ที่ 25 กรกฎาคม 2010, 20:31:52
อ้างจาก: pooh20240 ที่ 25 กรกฎาคม 2010, 19:56:35
คืออยากจะใช้ scrollbar ในหน้าแสดงผลที่ width เกินที่เรากำหนดเช่น กำหนดไว้ 500px พอข้อมูลใหญ่กว่า กรอบมันจะขยายขึ้น

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

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


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

ยังไงลองดูแนวที่
โค๊ด:
http://www.hesido.com/web.php?page=customscrollbar

หัวข้อ: Re: สอบถามหน่อยจ้าเรื่อง scrollbar
เริ่มหัวข้อโดย: Extra Cash ที่ 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>





SMF 1.1.21 | Simple Machines | ThaiSEOBoard.com