|
หัวข้อ: เรื่อง position ค่ะ อยากให้เมนูซ้าย fix เริ่มหัวข้อโดย: sunday12 ที่ 09 มีนาคม 2014, 20:28:43 รบกวนสอบถามค่ะ
อยากให้เมนูสีเขียวด้านซ้ายติดขอบบน ล่าง และซ้าย และไม่เลื่อนไปไหนเลย แบบ fixed http://www.enjoy-outside.com/test2.html จะแก้ไขโค๊ดยังไงดีคะ ถ้าตั้ง position เป็น fixed แบบตัวอย่างลิงค์นี้ http://www.enjoy-outside.com/test1.html จะทำให้ไม่สามารถมองเห็นแถบเมนูได้ทุกส่วนค่ะ เช่น ถ้าดูในไอแพดจะไม่สามารถมองเห็น เลข 1 2 3 4 5 ตรงด้านล่างได้ แต่ถ้าดูในคอมจะมองเห็นทุกส่วน ดูในมือถือเวลาขยาย ส่วนของเมนูจะขยายตาม เต็มหน้าจอจนไม่สามารถเห็นแถบสีน้ำตาลในส่วนของเนื้อหาได้ค่ะ :wanwan008: ไม่ทราบจะแก้ไข หรือเขียนโค๊ดใหม่ยังไงดีคะ +1 ขอบคุณมากค่ะ :-[ หัวข้อ: Re: เรื่อง position ค่ะ อยากให้เมนูซ้าย fix เริ่มหัวข้อโดย: max30012540 ที่ 09 มีนาคม 2014, 20:37:56 แก้ปัญหาด้วยการทำให้มันเป็น Scrollbar ครับ :P
(http://a.lnwpic.com/tefei3.png) หัวข้อ: Re: เรื่อง position ค่ะ อยากให้เมนูซ้าย fix เริ่มหัวข้อโดย: kuzaa516 ที่ 09 มีนาคม 2014, 20:53:05 ลองใส่ margin:0px; ลงใน body ของ css ดูครับ
หัวข้อ: Re: เรื่อง position ค่ะ อยากให้เมนูซ้าย fix เริ่มหัวข้อโดย: sunday12 ที่ 09 มีนาคม 2014, 20:54:18 แก้ปัญหาด้วยการทำให้มันเป็น Scrollbar ครับ :P ([url]http://a.lnwpic.com/tefei3.png[/url]) ขอบคุณมากๆค่ะ ช่วยตอบถึง 2 ครั้งเลย ลองทำแล้ว แต่เวลาดูในจอคอม จะมีแถบสกรอบาร์โผล่มา และ ดูในจอมือถือ เวลาขยายแถบเมนุเขียวๆ ก็ขยายตามและ fixed ตำแหน่งไม่เลื่อนไปไหนเลยอะค่ะ :-X :P แบบนี้ค่ะ http://www.enjoy-outside.com/test3.html หัวข้อ: Re: เรื่อง position ค่ะ อยากให้เมนูซ้าย fix เริ่มหัวข้อโดย: kuzaa516 ที่ 09 มีนาคม 2014, 21:03:36 แก้ปัญหาด้วยการทำให้มันเป็น Scrollbar ครับ :P ([url]http://a.lnwpic.com/tefei3.png[/url]) ขอบคุณมากๆค่ะ ช่วยตอบถึง 2 ครั้งเลย ลองทำแล้ว แต่เวลาดูในจอคอม จะมีแถบสกรอบาร์โผล่มา และ ดูในจอมือถือ เวลาขยายแถบเมนุเขียวๆ ก็ขยายตามและ fixed ตำแหน่งไม่เลื่อนไปไหนเลยอะค่ะ :-X :P แบบนี้ค่ะ [url]http://www.enjoy-outside.com/test3.html[/url] ที่มันขยายตามเพราะคุณกำหนดค่าเป็น % มันจะดึง % ตามขนาดของจอครับ ถ้าจอใหญ่ ความระเอียดต่ำมันก็จะใหญ่ ถ้าจอใหญ่ ความระเอียดสูงมันก็จะเล็ก กำหนดเป็นค่า px จะดีกว่าครับ ลองดูนะครับ หัวข้อ: Re: เรื่อง position ค่ะ อยากให้เมนูซ้าย fix เริ่มหัวข้อโดย: sunday12 ที่ 09 มีนาคม 2014, 21:05:43 ลองใส่ margin:0px; ลงใน body ของ css ดูครับ +1 เอาของของอันนี้ /test2.html มาปรับตามที่คุณแนะนำแล้ว ตอนนี้ชิดขอบแล้วค่ะ แต่อยากให้มัน fixed เมนู (พื้นที่สีเขียว) ไม่ว่าเราจะเลื่อนเนื้อหาขึ้นหรือลง ไว้ที่เดิมด้วยค่ะ ขอบคุณค่ะ หัวข้อ: Re: เรื่อง position ค่ะ อยากให้เมนูซ้าย fix เริ่มหัวข้อโดย: sunday12 ที่ 09 มีนาคม 2014, 21:09:37 แก้ปัญหาด้วยการทำให้มันเป็น Scrollbar ครับ :P ([url]http://a.lnwpic.com/tefei3.png[/url]) ขอบคุณมากๆค่ะ ช่วยตอบถึง 2 ครั้งเลย ลองทำแล้ว แต่เวลาดูในจอคอม จะมีแถบสกรอบาร์โผล่มา และ ดูในจอมือถือ เวลาขยายแถบเมนุเขียวๆ ก็ขยายตามและ fixed ตำแหน่งไม่เลื่อนไปไหนเลยอะค่ะ :-X :P แบบนี้ค่ะ [url]http://www.enjoy-outside.com/test3.html[/url] ที่มันขยายตามเพราะคุณกำหนดค่าเป็น % มันจะดึง % ตามขนาดของจอครับ ถ้าจอใหญ่ ความระเอียดต่ำมันก็จะใหญ่ ถ้าจอใหญ่ ความระเอียดสูงมันก็จะเล็ก กำหนดเป็นค่า px จะดีกว่าครับ ลองดูนะครับ ถ้ากำหนดเป็น px ตัวเว็บจะยังขยายตามขนาดหน้าจอหรือไม่คะ หลักๆแล้วอยากให้เว็บ (รุป + เนื้อหา) ขยายหรือหดตามขนาดหน้าจอ และต้องการให้เมนูด้านซ้าย fixed ตำแหน่งเวลาเราเลื่อนเนื้อหาขึ้นลงค่ะ ไม่ค่อยมีความรู้เรื่อง code ด้วยลองเล่นในดรีมดูค่ะ :P หัวข้อ: Re: เรื่อง position ค่ะ อยากให้เมนูซ้าย fix เริ่มหัวข้อโดย: sunday12 ที่ 09 มีนาคม 2014, 21:52:13 ให้เมนูเลื่อนขึ้นลงให้ครบ แต่ไม่ต้องการเห็นแถบ สกรอบาร์ ทำอย่างไรคะ :wanwan008:
ลิงค์นี้ http://www.enjoy-outside.com/test3.html :wanwan017: หัวข้อ: Re: เรื่อง position ค่ะ อยากให้เมนูซ้าย fix เริ่มหัวข้อโดย: max30012540 ที่ 09 มีนาคม 2014, 22:34:46 แก้ไขๆครับ เอาแถบเมนูลากยาวมาจนสุดเอกสารเลยครับ (แนะนำ)
ผมทำ Responsive แบบง่ายๆให้ด้วยครับ จขกท. ลองใช้ Smart device ต่างๆ ที่หน้าจอใหญ่น้อยกว่า 768px เข้าดูครับ :-[ http://host-1gb.com/code/test3_files/test3.html หัวข้อ: Re: เรื่อง position ค่ะ อยากให้เมนูซ้าย fix เริ่มหัวข้อโดย: sunday12 ที่ 09 มีนาคม 2014, 23:58:05 แก้ไขๆครับ เอาแถบเมนูลากยาวมาจนสุดเอกสารเลยครับ (แนะนำ) ผมทำ Responsive แบบง่ายๆให้ด้วยครับ จขกท. ลองใช้ Smart device ต่างๆ ที่หน้าจอใหญ่น้อยกว่า 768px เข้าดูครับ :-[ [url]http://host-1gb.com/code/test3_files/test3.html[/url] ขอบคุณมากๆเลยค่ะ แบบนี้ก็ได้ค่ะ เห็นเมนูครบ ถึงจะไม่ fix แต่ ดูใน note 2 มองไม่เห็นเมนุเขียวเลยค่ะ :P เมนุหายไปเลย :wanwan008: -------------------------- อ้อ เจอแล้วค่ะ อิอิ ขอบคุณมากๆเลยค่ะ :-[ :wanwan017: |