เลื่อนบนเว็บเพจ

ในขั้นตอนการทำงานอัตโนมัติของเบราว์เซอร์บางอย่าง คุณอาจต้องเลื่อนบนหน้าเว็บเพื่อให้องค์ประกอบเฉพาะปรากฏบนหน้าจอ

Power Automate อนุญาตให้เลื่อนหน้าเว็บผ่านสองวิธีที่แตกต่างกัน อย่างแรกต้องดำเนินการ โฟกัสฟิลด์ข้อความบนหน้าเว็บ ในขณะที่อย่างที่สองต้องใช้สคริปต์ JavaScript

เลื่อนบนหน้าเว็บโดยใช้การดำเนินการโฟกัสฟิลด์ข้อความบนหน้าเว็บ

ในการเลื่อนไปยังองค์ประกอบเฉพาะบนหน้าเว็บ คุณสามารถปรับใช้การดำเนินการ โฟกัสฟิลด์ข้อความบนหน้าเว็บ

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

หมายเหตุ

คุณสามารถหาข้อมูลเพิ่มเติมเกี่ยวกับองค์ประกอบ UI ได้ใน ทำการใช้องค์ประกอบ UI อัตโนมัติ

ภาพหน้าจอของฟิลด์โฟกัสข้อความของการดำเนินการเติมฟิลด์ข้อความบนหน้าเว็บ

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

เลื่อนบนเว็บเพจโดยใช้ JavaScript

นอกจาก การดำเนินการ โฟกัสฟิลด์ข้อความบนหน้าเว็บ คุณสามารถเลื่อนหน้าเว็บโดยใช้ JavaScript ในการรัน JavaScript บนหน้าเว็บ ให้ใช้การดำเนินการ เรียกใช้ฟังก์ชัน Javascript บนหน้าเว็บ

JavaScript ให้ฟังก์ชัน window.scrollTo(xpos, ypos) ที่เลื่อนไปยังส่วนใดส่วนหนึ่งของหน้าเว็บ ตัวยึด xpos ระบุการเลื่อนแนวนอน ในขณะที่ตัวยึด ypos ระบุการเลื่อนแนวตั้ง

function ExecuteScript() 
{
window.scrollTo(xpos, ypos);
}

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

ภาพหน้าจอของฟังก์ชัน ดำเนินการ Javascript บนการดำเนินการของหน้าเว็บด้วยฟังก์ชัน scrollTo

หากคุณต้องการเลื่อนไปที่ด้านล่างของหน้าเว็บ คุณสามารถแทนที่ตัวยึด ypos ด้วยคุณสมบัติ document.body.scrollHeight

function ExecuteScript() 
{
window.scrollTo(0, document.body.scrollHeight);
}

ภาพหน้าจอของฟังก์ชัน ดำเนินการ Javascript บนการดำเนินการของหน้าเว็บด้วยคุณสมบัติ scrollHeight

หากคุณต้องการเลื่อนภายในองค์ประกอบของหน้าเว็บ ไม่ใช่ตัวหน้า คุณสามารถใช้คุณสมบัติ HTML DOM scrollTop ในตัวอย่างต่อไปนี้ ฟังก์ชันจะระบุตำแหน่ง divElem และเลื่อนลงในแนวตั้ง 10 พิกเซล

function ExecuteScript() 
{
document.getElementById('divElem').scrollTop -= 10;
}

ภาพหน้าจอของฟังก์ชัน ดำเนินการ Javascript บนการดำเนินการของหน้าเว็บด้วยคุณสมบัติ scrollTop