ยอมรับว่าไม่ได้นึกถึงว่าทำไมต้องทำ scrollbar ให้ผอม -*- แต่นักออกแบบเขาออกแบบมา
"ต้องการให้เนื้อหาในหน้าเว็บมี scrollbar แบบผอม" เขาคิดว่าสวย
แต่ตามประสาเราคิดว่า "อื่มscrollbar เหรอ ให้มันเลื่อนได้สมูทก็พอแล้ว... (สิ่งที่ฉันสนใจคือเนื้อหาในหน้าเว็บต่างหาก!!)" ต่างคนต่างมุมมอง ต่างความชอบค่ะ อย่ากระนั้นเลย เมื่อมีโจทย์มา เราต้องลอง solve ดังนั้น ไปดูกันดีกว่าว่าทำอย่างไร?
หาข้อมูลไป 4-5 เว็บ แต่ที่น่าสนใจคือ 2 เว็บที่พามาแนะนำค่ะ
1. http://www.codetukyang.com/html/technic/facebook_scrollbar.htm
แนะนำเป็นภาษาไทย แต่ตอนที่โหลดโค้ดตัวอย่างก็เป็นภาษาอังกฤษ แต่อ่านเข้าใจง่ายดี เขาเรียก scrollbar แบบนี้ว่าแบบ facebook คือจะเห็นตัวอย่าง scrollbar ได้จากกล่องเนื้อหาใน facebook น่ะค่ะ
[ตอนแรกก็ไม่ได้สนใจความผอมของมันหรอก แต่พอมีคนถามเรื่อง scrollbar ขึ้นมา จึงได้สังเกตุขึ้นมาได้ว่า "ใน facebook ใช้ scrollbar แบบผอมนี่นา!!"]
2. http://rocha.la/jQuery-slimScroll
ข้อมูลเป็นภาษาอังกฤษ แต่อธิบายฟังก์ชั่นการใช้งาน และการปรับแต่งรุปแบบของ scrollbar แบบผอมนี้ไว้ละเอียดสุดๆ อ่านแล้วทำตามทีละขั้นตอนน่าจะได้แน่ๆ แต่ถ้าไม่เคยแก้ไขโค้ดเว็บมาก่อนเลยอาจจะงงๆ แต่ถ้าอยากทำได้ก็..ต้องลองค่ะ :D
ไม่มีความคิดเห็น:
แสดงความคิดเห็น