สถานที่：หน้าหลัก > scroll
เทอร์มินัลมือถือ iscroll5 รีเฟรชแบบเลื่อนลงและเอฟเฟกต์การโหลดแบบดึงขึ้น
ตาม iscroll5 เทอร์มินัลมือถือเลียนแบบการรีเฟรชแบบดึงลงดั้งเดิมและการโหลดแบบดึงขึ้น เอฟเฟกต์การท่องเว็บที่ดีที่สุดคือการใช้ตัวจำลองในแถบเมนูเครื่องมือการพัฒนาของโทรศัพท์มือถือหรือเบราว์เซอร์เพื่อเรียกดู หมายเหตุ: ปลั๊กอินนี้ได้รับการพัฒนาโดยใช้เทอร์มินัลมือถือ เอฟเฟกต์การท่องเว็บที่ดีที่สุดคือการใช้ตัวจำลองในแถบเมนูเครื่องมือการพัฒนาของโทรศัพท์มือถือหรือเบราว์เซอร์เพื่อเรียกดู
jQuery รายการรายการปลั๊กอินการเลื่อนอย่างราบรื่น smooth-scrollbar.js
smooth-scrollbar.js เป็นปลั๊กอินการเลื่อนที่ราบรื่นซึ่งเป็นรายการที่ใช้งานโดยใช้ jQuery ซึ่งจะสลับรายการโดยอัตโนมัติเมื่อเลื่อนเมาส์
jQuery ข้อความรูปภาพเอฟเฟกต์การเลื่อนที่ไร้รอยต่อ
ปลั๊กอินเลื่อนแนวตั้งรูปภาพข้อความธรรมดา scroll.js
Bootstrap หน้าการเลื่อนจอภาพปลั๊กอิน jQuery
Scrollspy เป็นปลั๊กอิน jQuery มอนิเตอร์แบบเลื่อนที่ใช้ Bootstrap3 เมื่อใช้ปลั๊กอิน jQuery นี้คุณสามารถสร้างเอฟเฟกต์การตรวจสอบการเลื่อนสำหรับเพจได้อย่างง่ายดาย มันจะเพิ่มการนำทางแถบด้านข้างให้คุณโดยอัตโนมัติและตั้งค่าการตรวจสอบการเลื่อน Bootstrap ดั้งเดิม มีเอฟเฟกต์การตรวจสอบการเลื่อนใน Bootstrap ดั้งเดิม แต่ค่อนข้างซับซ้อนในการใช้งาน คุณสามารถดูวิธีใช้ปลั๊กอิน Bootstrap scroll monitor แบบเนทีฟได้ที่นี่ การใช้ปลั๊กอิน dynamic-scrollspy ช่วยลดความยุ่งยากในการดำเนินการเหล่านี้คุณสามารถสร้างเอฟเฟกต์การตรวจสอบการเลื่อนหน้าเว็บที่ดีมากผ่านการตั้งค่าง่ายๆ
js องค์ประกอบการเลื่อนหน้าปลั๊กอิน xScroll.js
ปลั๊กอินการเลื่อนองค์ประกอบของหน้า xScroll.js เป็นปลั๊กอินการเลื่อนองค์ประกอบที่มีน้ำหนักเบาโดยอิงจากไลบรารีภาพเคลื่อนไหว css3 มีการตั้งค่าประเภทภาพเคลื่อนไหวขององค์ประกอบเริ่มต้นและรหัสจะแสดงผ่านภาพเคลื่อนไหวขององค์ประกอบการเลื่อนหน้า
jQuery การเลื่อนแบบดิจิทัลกระโดดสะสม jquery.numscroll.js
jquery.numscroll.js เป็นปลั๊กอินภาพเคลื่อนไหวสะสมการเลื่อนแบบดิจิทัล jQuery ปลั๊กอินสามารถสร้างเอฟเฟกต์พิเศษแอนิเมชั่นสะสมดิจิทัลที่ยอดเยี่ยมได้อย่างรวดเร็วและใช้งานได้จริง
jQuery scroll page ปลั๊กอินแถบด้านข้างคงที่
Sticky คือ jQuery เลื่อนหน้าปลั๊กอินแถบด้านข้างคงที่ jQuery เลื่อนปลั๊กอินแถบด้านข้างคงที่สามารถแก้ไขแถบด้านข้างซ้ายหรือขวาบนหน้าเมื่อเลื่อนหน้าลง เหมาะอย่างยิ่งสำหรับเพจหลายคอลัมน์และสามารถใช้ร่วมกับ Bootstrap หรือ Foundation
Bootstrap Enterprise One Page Website Scroll Template
Kitkat เป็นเทมเพลต Bootstrap ของเว็บไซต์ซึ่งเป็นเทมเพลตการออกแบบที่ตอบสนองได้ดีเยี่ยมตามกรอบ Bootstrap นี่คือเทมเพลตการเข้ารหัสการตรวจสอบ W3C ที่สะอาด มีคุณสมบัติทั้งหมดสำหรับเว็บไซต์ใหม่ของคุณ เหมาะสำหรับการเริ่มต้นธุรกิจสร้างสรรค์สตูดิโอฟรีแลนซ์เช่นธุรกิจ บริษัท เอเจนซี่การศึกษาเทคโนโลยีและเว็บไซต์ส่วนตัว รหัสของไฟล์ทั้งหมดได้รับการจัดระเบียบอย่างดีและปรับแต่งได้ดี ตอบสนองได้ดี 100% ทำงานได้ดีบนสมาร์ทโฟนแท็บเล็ตและเดสก์ท็อป ภารกิจของเราคือการอนุญาตให้ลูกค้าแต่ละรายสร้างเว็บไซต์ของตนเองได้สำเร็จ คุณสมบัติหลัก Html5 และ Css3 การออกแบบที่ตอบสนองตัวเลื่อนเรียบเมนูโทรศัพท์มือถือเมนูเหนียว Bootstrap4xW3C เครื่องหมายที่มีประสิทธิภาพ
ตัวอย่างการใช้ jquery.nicescroll เพื่อตกแต่งแถบเลื่อน
jquery.nicescroll เป็นปลั๊กอินแถบเลื่อนที่สวยงามซึ่งเป็นตัวอย่างของการใช้งานแถบเลื่อนที่สวยงาม $ ('# เนื้อหา'). niceScroll ({ cursorcolor: "#ccc", // # CC0071 สีเคอร์เซอร์ cursoropacitymax: 1, // scrollabar สถานะ "มองเห็นได้" อยู่ในช่วงตั้งแต่ 1 ถึง 0 touchbehavior: false, // ทำให้เคอร์เซอร์ลากและเลื่อนเหมือนอุปกรณ์สัมผัสบนคอมพิวเตอร์เดสก์ท็อป cursorwidth: "5px", // ความกว้างของเคอร์เซอร์พิกเซล cursorborder: "0", // นิยาม CSS ของเส้นขอบเคอร์เซอร์ cursorborderradius: "5px", // ใช้พิกเซลเป็นรัศมีขอบเขตของเคอร์เซอร์ autohidemode: false // ไม่ว่าจะซ่อนแถบเลื่อน });
