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

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

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

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

กระทู้: 305



ดูรายละเอียด เว็บไซต์
« เมื่อ: 28 สิงหาคม 2014, 15:29:16 »

ตามเว็บนี้เลยครับ htทp://www.awwwards.com/websites/video/
เวลาเราเลื่อน scroll bar ลงแล้วมีเมนู fix ที่หัวโพล่ขึ้นมานะครับ อยากทำแบบนี้บ่างครับ

คำถาม
คือ ใช้ Code อะไรเขียนนะครับ แล้วก็เขียนยังไง ครับ อยากได้ตัวอย่างไปศึกษามากมายเลยครับป๋ม
บันทึกการเข้า

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

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

กระทู้: 891



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 28 สิงหาคม 2014, 16:05:55 »

ลองศึกษาและดัดแปลงเข้ากับระบบเดิมของท่านดูครับ
โค๊ด:
www.ninenik.com/แนวทาง_การเลื่อนแล้ว_fixed_ตำแหน่งเนื้อหาที่ต้องการ_ด้วย_jQuery-421.html
บันทึกการเข้า

ijeed
Verified Seller
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,939



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 28 สิงหาคม 2014, 16:17:20 »

ตัวอย่าง
โค๊ด:
http://getbootstrap.com/examples/navbar-fixed-top/

โค้ด
โค๊ด:
http://getbootstrap.com/components/#navbar

หรือแบบนี้
โค๊ด:
http://stanislav.it/scroll-to-top-then-fixed-navigation-effect-with-jquery-and-css-free-download/

ที่จริงมีเยอะครับ ค้นหาคำว่า fixed top bar, fixed menu bar
บันทึกการเข้า


รับผลิตสมุนไพร

รถเช่าพะเยา
รถเช่าเชียงราย
บริการติด Text links 10 เว็บไซต์ หลากหลายไอพี PM สอบถามได้ครับ
Beboyzo
ก๊วนเสียว
*

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

กระทู้: 305



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 28 สิงหาคม 2014, 16:22:20 »

ขอบคุณมากครับ ยังไงก็ยังไงแล้ว ขอถามอีกนิดนะครับ ถ้าผม ซ่อน menu เอาไว้ แล้วเมื่อ เลื่อน scroll bar มาถึงจุดที่กำหนด ให้แสดงละครับ
« แก้ไขครั้งสุดท้าย: 28 สิงหาคม 2014, 16:24:48 โดย Beboyzo » บันทึกการเข้า

9wong
ก๊วนเสียว
*

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

กระทู้: 234



ดูรายละเอียด
« ตอบ #4 เมื่อ: 29 สิงหาคม 2014, 01:54:05 »

jquery เลยครับ
ขอบคุณมากครับ ยังไงก็ยังไงแล้ว ขอถามอีกนิดนะครับ ถ้าผม ซ่อน menu เอาไว้ แล้วเมื่อ เลื่อน scroll bar มาถึงจุดที่กำหนด ให้แสดงละครับ

บันทึกการเข้า
tlecreate
Newbie
*

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

กระทู้: 44



ดูรายละเอียด
« ตอบ #5 เมื่อ: 28 สิงหาคม 2014, 23:02:33 »

ที่ผมทำนะ ใช้ jquery
อ้างถึง
$(window).scroll(function () {
      var scol = $(this).scrollTop();
      if (scol > 50) {
             $('.menu').stop().animate({
              opacity: 1
          }, 200);
    } else {
         $('.menu').stop().animate({
              opacity: 0
          }, 100);
    }
   });
บันทึกการเข้า
gotrees
สมุนแก๊งเสียว
*

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

กระทู้: 522



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 29 สิงหาคม 2014, 14:54:16 »

เข้ามาฟังด้วยครับผม  wanwan017
บันทึกการเข้า

MiithRanDir
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,427



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 29 สิงหาคม 2014, 10:34:25 »

นี่เลยครับใช้งานง่ายมาก
http://goo.gl/PyJgP
บันทึกการเข้า

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