ปุ่ม Back to top ใช้งานเมื่อมีการเลื่อนดูหน้าเว็บไซต์ลงมา และเมื่อกดปุ่มนี้หน้าเว็บไซต์จะเลื่อนขึ้นไปยังตำแหน่งบนสุดอัตโนมัติ และเมื่อทำการปิดการใช้งานจะไม่มีปุ่มที่สามารถเลื่อนไปยังตำแหน่งบนสุดของหน้า โดยการตั้งค่าสามารถทำได้ดังนี้
คลิกที่ตำเเหน่งที่ 1, และตำเเหน่งที่ 2 เพื่อเข้าไปในส่วนของ Button
![](https://blog.ketshopweb.com/wp-content/uploads/2019/07/but1-1.jpg)
คลิกที่แท็บ “ปุ่มในหน้าเว็บ” (ตำแหน่งที่ 3)
![](https://blog.ketshopweb.com/wp-content/uploads/2020/10/button-setting-01-1024x526.jpg)
เลื่อนไปที่ล่างสุดจะเจอกับการตั้งค่าปุ่ม “Back to top” โดยมีรายละเอียดดังนี้
ตำแหน่งที่ 1 ปุ่ม เปิด-ปิด การใช้งาน
ตำแหน่งที่ 2 การแสดงผลเมื่อการตั้งค่าจากด้านขวา
ตำแหน่งที่ 3 เปิด-ปิด สีพื้นหลังของปุ่ม
ตำแหน่งที่ 4 เลือกสีพื้นหลังของปุ่ม ในกรณีที่เปิดใช้งานสีพื้นหลัง
ตำแหน่งที่ 5 เลือกสีพื้นหลังของปุ่มเมื่อถูกเม้าส์ชี้
ตำแหน่งที่ 6 เลือกสีของลูกศร
![](https://blog.ketshopweb.com/wp-content/uploads/2020/10/backtotop-01-1024x526.jpg)
เมื่อตั้งค่าเสร็จ ให้คลิกที่ปุ่ม “บันทึก” (ตำแหน่งที่ 7) ด้านบนสุด
![](https://blog.ketshopweb.com/wp-content/uploads/2020/10/button-setting-04-1024x526.jpg)
ตัวอย่างการแสดงผลปุ่ม Back to top ในหน้าเว็บไซต์
![](https://blog.ketshopweb.com/wp-content/uploads/2020/10/backtotop-02-1024x505.jpg)
Ketshopweb | เครื่องมือร้านค้าออนไลน์ ขายคล่อง ส่งสะดวก ครบในที่เดียว
เรายินดีให้คำปรึกษาการทำเว็บไซต์ฟรี ไม่มีค่าใช้จ่าย
ติดต่อมาที่ 02-038-5588 , email : sales@ketshopweb.com