By: lagus 
on 4 August 2008 - 01:21
Tags:
Forums:
ปรกติก้ใช้แบบนี้ body { scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF ; scrollbar-highlight-color: #FFFFFF ; scrollbar-3dlight-color: #FFFFFF ; scrollbar-darkshadow-color: #999999 ; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #999999 ; } แต่ลองเปิดใน Firefox แล้วมันไม่เปลี่ยนอะครับ แสดงได้แต่ ie
แล้วถ้าเราจะให้เป็นแบบนี้
ต้องใช้ javascript ปะครับไม่ถนัดด้วยซิ
ใครพอจะมีไฟล์ตัวอย่างบ้างปะครับ
แนะนำทีนะครับขอบคุณครับ ^_^Y
Get latest news from Blognone
Follow @twitterapi
google keyword "change scrollbar color firefox"
ได้คำตอบมาแบบนี้ครับ
http://websitetips.com/articles/css/scrollbars/
Ton-Or
Ton-Or
พวก scrollbar-* ทั้งหลาย เป็น CSS ที่ไม่ได้มาตรฐาน สร้างขึ้นโดยเฉพาะของ Internet Explorer ครับ ดังนั้นจึงไม่แปลกที่ไม่สามารถใช้งานกับ Firefox ได้ และการเอา JavaScript เขียน scrollbar ขึ้นมาใหม่ คงไม่ใช่เรื่องที่น่าชื่นชมซักเท่าไหร่ ดังนั้นปล่อยไว้เฉยๆ ดีกว่าครับ
+1 ครับ ผมว่าการที่ใส่รายละเอียดเล็กๆ น้อยๆ มากเกินไป ทำให้เว็บน่ารำคาญเหมือนกันนะครับ
เคยมีอยู่ช่วงหนึ่งที่เว็บไทย จะมีตัวหนังสือกระพริบๆ ตัวการ์ตูนดิ้นไป ดิ้นมา หิมะโปรยปราย ฯลฯ เต็มเว็บไปหมด ดูแล้วตาลายครับ :D
แต่งให้น้อยที่สุดเท่าที่จะทำได้ แต่ว่าให้ทุกอย่างมันมีความหมาย ผมว่าดีที่สุดครับ
--
May the Valar be with you.
+1 เป็นการดีนักที่ Firefox ไม่ใช่บราวเซอร์ที่ไร้สาระ
แมคไซด์ โปรไฟล์
ลองใช้ fleXcroll (http://www.hesido.com/web.php?page=customscrollbar) ดูครับ
หลักการคือ Firefox ไม่ support การแก้ไข scrollbar วิธีการคือ ทำ div ขึ้นมาแล้วประพฤติตัวเหมือนเป็น scrollbar แทนครับ
คงต้องรออีกสักพักครับ อีกหน่อยหลายๆ browser คงจะ support อย่างใน webkit ก็มีทำ reflect (-webkit-box-reflect) ให้ด้านล่างของรูปเป็นเงาสะท้อน แบบ logo web 2.0 ทั่วไป หรือ css สำหรับทำ border ให้โค้งได้
ทุก browser มี css ที่ไม่ได้เป็นมาตรฐานกันทั้งนั้นครับ แม้แต่ Firefox เองก็ตาม แต่ก็อย่าลืมพิจารณาด้วยนะครับ ว่าใช้แล้วทำให้ user ใช้งานยุ่งยากขึ้นหรือป่าว
อย่าง scrollbar ทำสีให้สวยขึ้น มันก็ไม่ได้กระทบการใช้งานอะไร แต่เห็นบาง web ทำให้มันเล็กลงแล้วทำให้กดขึ้นลงลำบาก (เวลาจะเลื่อนทีละ 1-2 บรรทัด)
ตามคำแนะนำของ W3C แล้ว CSS ที่ไม่ได้มาตรฐานสามารถมีได้ครับ (เขาเรียกว่า extension) แต่ว่าต้อง mark CSS นั้นให้เป็น proprietary อย่างชัดเจน ด้วยรูปแบบ
-vendor-nameเช่น-moz-border-radiusอย่างน้อยก็เพื่อกันการสับสนว่าเป็น CSS มาตรฐาน อย่างที่เจ้าของกระทู้เป็นถึงแม้ผมจะต่อต้านการแต่ง scrollbar ทุกรูปแบบ แต่ถ้าหากจำเป็นต้องทำจริงๆ ก็ขอแนะนำให้ไปอ่านบทความเรื่อง Scrollbar ของ Jakob Nielsen ก่อนแล้วค่อยคิดจะแต่งต่อนะครับ
ใช่ครับ หลายๆอันก็มีแนวโน้มที่จะถูกใส่ใน css version ถัดๆไป อย่าง scrollbar ของ IE ถ้าจำไม่ผิดตอนนั้นทำออกมาก่อนที่จะมี extension ครับ เลยไม่ได้มี vendor name (รู้สึกว่า filter ก็ด้วย) อย่าง -ms-interpolation-mode ก็ออกมาหลังที่ css กำหนดให้ระบุ vendor name
ผมไม่ต่อต้านการทำอะไรก็ตาม ที่จะทำให้ css จะมี feature เพิ่มขึ้น และไม่ได้เป็น feature ที่ทำให้ผู้ใช้ ใช้งานได้ยุ่งยากขึ้น (ผมมองว่าโปรแกรมถูกทำมาให้ชีวิตคนใช้งานสบายขึ้น) เรื่องความสวยงามเป็นเรื่องส่วนบุคคล feature พวกนี้น่าจะมีอยู่ในมาตรฐานได้แล้ว ออกจะเป็นผลดีด้วยซ้ำ ที่ผู้พัฒนา browser เจ้าอื่นจะได้ ปรับปรุงตัวเองด้วย
อย่าง reflect ใน webkit นี่อยากให้มีจริงๆ ใน browser อื่นๆ เพราะจะได้ไม่ต้องทำ image แล้วต้องซ่อน text ไว้ (เพื่อกรณีที่คนดูไม่แสดง css เลยมันจะได้เห็น text) แต่ให้แสดง text แล้วทำ reflect ไปเลย
ส่วนตัวผมคิดว่าการมีฟีเจอร์เพิ่มขึ้นเป็นเรื่องที่ดีเหมือนกัน แต่ว่าการที่ปล่อยให้ทำอะไรบางอย่างได้อิสระเกินไป ก็เป็นเหตุทำให้ผู้ใช้ใช้งานได้ยุ่งยากขึ้นตามมาด้วยครับ แต่เรื่อง scrollbar มีมาก่อน extension นั่นเพิ่งรู้เหมือนกัน ขอบคุณมากครับที่ช่วยแก้ไข