ฐานความรู้

แอนิเมชันและอินเทอร์แอกชันของ Page Builder Sandwich

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

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

แอนิเมชันการปรากฏและการเลื่อน

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

การโต้ตอบ

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

การเคลื่อนไหวที่ลดลง ได้รับการเคารพเสมอ

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

บทความล่าสุดจากบล็อก

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

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

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

อ่านโพสต์ →

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

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

อ่านโพสต์ →

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

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

อ่านโพสต์ →

อ่านบล็อก →

ยังมีปัญหาอยู่ใช่ไหม?

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

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