ฐานความรู้

ภาพเคลื่อนไหวและการโต้ตอบของ Page Builder Sandwich

เพิ่มแอนิเมชันตอนเปิดและตอนเลื่อน เอฟเฟกต์เมื่อวางเมาส์เหนือ บล็อกตรึง เอฟเฟกต์พารัลแลกซ์และเอฟเฟกต์ตามตัวชี้ที่สอดคล้องกับการตั้งค่าลดการเคลื่อนไหว

Page Builder Sandwich Pro เพิ่มส่วน การเคลื่อนไหว ลงในแท็บลักษณะของทุกบล็อก การตั้งค่าแต่ละอย่างสามารถแตกต่างกันได้ตามแต่ละเบรกพอยต์ เช่นเดียวกับลักษณะอื่นๆ ทั้งหมด

ภาพเคลื่อนไหวการปรากฏและการเลื่อน

  • ภาพเคลื่อนไหวการปรากฏ: ค่อยๆ ปรากฏ, ค่อยๆ ปรากฏพร้อมลอยขึ้นหรือเลื่อนลง, จากด้านเริ่มต้นหรือด้านท้าย, ซูมเข้าหรือออก, หรือพลิกขึ้น เล่นหนึ่งครั้งเมื่อเลื่อนบล็อกเข้ามาในมุมมอง กำหนด ความยาว และ ความล่าช้า เป็นมิลลิวินาที
  • ขณะเลื่อน: เลือนหาย, ลอยขึ้น, ขยาย หรือตั้งตรงขณะที่บล็อกเลื่อนเข้ามาในมุมมอง โดยทำงานตามตำแหน่งการเลื่อน (ในเบราว์เซอร์ที่รองรับภาพเคลื่อนไหวตามการเลื่อน ส่วนที่อื่นๆ บล็อกจะแสดงขึ้นมาตามปกติ)

การโต้ตอบ

  • เมื่อวางเมาส์เหนือ: ยกขึ้น, ขยาย, หด, ใส่เงา, เอียง หรือเปล่งแสง รวมถึงเมื่อโฟกัสด้วยแป้นพิมพ์ด้วยเช่นกัน
  • ให้อยู่ในมุมมองเสมอ: บล็อกจะติดค้างอยู่ที่ระยะห่างหนึ่งจากด้านบนสุดของหน้าจอในขณะที่ส่วนของบล็อกนั้นกำลังเลื่อน
  • ความเร็วพารัลแลกซ์: ตั้งแต่ -10 (สวนทางการเลื่อน) ถึง 10 (ไปตามการเลื่อน)
  • เคลื่อนตามตัวชี้: บล็อกจะเอนเข้าหาตัวชี้เมาส์

การลดการเคลื่อนไหว ได้รับการยอมรับเสมอ

ผู้เยี่ยมชมที่ตั้งค่าให้อุปกรณ์ลดการเคลื่อนไหวจะไม่เห็นภาพเคลื่อนไหว พารัลแลกซ์ หรือการเคลื่อนไหวใดๆ เลย: เนื้อหาจะแสดงขึ้นมาตามปกติ หากไม่มี JavaScript ก็จะไม่มีสิ่งใดถูกซ่อนไว้ หน้าเว็บที่ไม่ได้ใช้การตั้งค่าการเคลื่อนไหวจะไม่โหลดโค้ดการเคลื่อนไหวเลย

ล่าสุดจากบล็อก

สิ่งที่เราเขียนเกี่ยวกับโฮสติ้ง, SEO และการดูแลเว็บไซต์ในระดับสเกลใหญ่

SEO และการสร้างลิงก์จากเลเยอร์โฮสติง: มุมมองของผู้ปฏิบัติงานในปี 2026

โฮสติ้งส่งผลต่อการจัดทำดัชนีและมูลค่าของลิงก์ (link equity) ในปี 2026 อย่างไร: การดูแลให้หน้าเว็บยังคงอยู่ในดัชนี, การตรวจสอบโดเมนเก่าก่อนที่คุณจะเริ่มพัฒนา, การสร้างลิงก์โดยไม่ทิ้งร่องรอย (footprint) และข้อเท็จจริงอย่างตรงไปตรงมาเกี่ยวกับสิ่งที่โครงสร้างพื้นฐานสามารถและไม่สามารถทำให้กับ SEO ได้

อ่านโพสต์ →

การทำให้ WordPress รวดเร็วและปลอดภัย: รายการตรวจสอบประสิทธิภาพและปลั๊กอิน

รายการตรวจสอบที่ใช้งานได้จริงสำหรับ WordPress ที่รวดเร็วและปลอดภัย: การแคชระดับเซิร์ฟเวอร์, อ็อบเจกต์แคชสำหรับแต่ละไซต์, ปลั๊กอินจำนวนหนึ่งที่คุ้มค่าแก่การใช้งาน, การอัปเดตสแต็กให้เป็นปัจจุบันอยู่เสมอ และหน้า WooCommerce ที่คุณต้องไม่แคชโดยเด็ดขาด

อ่านโพสต์ →

วิธีเลือกเว็บโฮสติ้งที่มีการจัดการในปี 2026: คู่มือสำหรับผู้ซื้อ

สิ่งที่แยกแยะระหว่างโฮสติ้งที่มีการจัดการที่ดีกับเซิร์ฟเวอร์ราคาถูกที่มีเพียงแผงควบคุมได้อย่างแท้จริง ได้แก่ การย้ายข้อมูล การสำรองข้อมูล การแยกสภาพแวดล้อม แคชที่มีประสิทธิภาพจริง และการปรับขนาดที่โปร่งใส ตลอดจนวิธีประเมินก่อนที่คุณจะตัดสินใจเลือกใช้งาน

อ่านโพสต์ →

อ่านบล็อก →

ยังติดปัญหาอยู่ใช่หรือไม่?

บริการช่วยเหลือรวมอยู่ในทุกแพลตฟอร์ม ทีมงานพร้อมให้บริการ 24 ชั่วโมงต่อวัน และคุณสามารถเขียนหาเราเป็นภาษาใดก็ได้จาก 58 ภาษาของเรา เราจะตอบกลับคุณด้วยภาษาของคุณ

ติดต่อฝ่ายสนับสนุน → บทความทั้งหมด →