iframe ที่เลื่อนได้คือองค์ประกอบ Hypertext Markup Language (HTML) ที่กำหนดพื้นที่เนื้อหาซึ่งผู้เข้าชมสามารถเลื่อนขึ้นและลงและซ้ายและขวา เฟรมนี้แสดงหน้าเว็บภายนอกและความสามารถในการเลื่อนทำให้ผู้ดูสามารถดูข้อมูลทั้งหมดของหน้า iframe ที่เลื่อนได้เป็นโซลูชันที่เหมาะสำหรับผู้ดูแลเว็บที่ต้องการนำเสนอหน้าของข้อความที่เกี่ยวข้อง แต่ไม่ต้องการให้ผู้ดูออกจากเว็บไซต์
การสร้าง iframe เริ่มต้นสามารถทำได้โดยป้อนแท็ก <iframe> </iframe> ที่สร้างพื้นที่ที่มีอยู่ องค์ประกอบ <iframe> การเปิดประกอบด้วยแอตทริบิวต์ "src" ซึ่งย่อมาจาก "แหล่งที่มา" ที่อยู่ Uniform Resource Locator (URL) จะตามมาเพื่อระบุตำแหน่งของเว็บเพจภายนอกของ iframe ตัวอย่างเช่น: <iframe src = "http : //www.wisegeek.com ">
ในการทำให้ iframe สามารถเลื่อนได้ตัวอธิบายการเลื่อนจะถูกเพิ่มไปยังแท็กแรกที่มี "ใช่" เป็นค่า คุณลักษณะนี้สั่งให้เว็บเบราว์เซอร์จัดเตรียมแถบเลื่อนที่ด้านขวาและด้านล่างของ iframe โดยอัตโนมัติ ผู้ใช้คลิกและลากแถบเหล่านี้เพื่อดูข้อความที่เลื่อนได้และเนื้อหาอื่น ๆ ที่ไม่ได้อยู่ในมุมมองปัจจุบัน เพื่อแสดง: <iframe scrolling = "ใช่">
การแสดง iframe ที่เลื่อนได้สามารถปรับแต่งได้โดยการระบุขนาดเป็นพิกเซลหรือเปอร์เซ็นต์ในแท็กเปิด การป้อนค่าความกว้างจะควบคุมการวัดพื้นที่จากซ้ายไปขวาและการจัดหาความสูงจะจัดการจอแสดงผลจากบนลงล่าง ตัวอย่างเช่น: <iframe width = "600" height = "300">
คุณลักษณะอื่น ๆ ของแท็ก iframe ที่เลื่อนได้ยังให้คำแนะนำว่าควรปรากฏในหน้าต่างเบราว์เซอร์อย่างไร descriptors เหล่านี้เป็นทางเลือก แต่ให้การกำหนดเองที่สามารถย้าย iframe บนหน้าได้ดีขึ้น ตัวอธิบายที่พบบ่อยที่สุดบางตัวรวมถึง frameborder, marginheight และ marginwidth
ตัวบ่งชี้ frameborder พิจารณาว่า iframe มีโครงร่างรอบคอนเทนเนอร์หรือไม่ เส้นขอบนี้จะครอบคลุมเนื้อหา iframe รวมถึงแถบเลื่อน ค่า 1 สั่งให้เบราว์เซอร์แสดงขอบนี้และค่า 0 จะตรงกันข้าม
แอ็ตทริบิวต์ Marginheight และ marginwidth ออกแบบรูปลักษณ์ของ iframe ที่เลื่อนได้ แต่ละ descriptor ต้องการค่าตัวเลขเป็นพิกเซลเพื่อกำหนดพื้นที่ว่างที่ด้านบนและด้านล่างของคอนเทนเนอร์ คุณลักษณะเหล่านี้มีประโยชน์อย่างยิ่งเมื่อต้องการเพิ่มช่องว่างระหว่างองค์ประกอบของหน้าเว็บ
แม้ว่าสนับสนุน iframe แบบเลื่อนได้ในเบราว์เซอร์หลักย่อหน้า HTML จะถูกแทรกระหว่างแท็ก iframe เพื่อแสดงข้อความในกรณีที่เฟรมแบบอินไลน์แสดงผลไม่ถูกต้อง ย่อหน้าอาจมีข้อความเช่น "เบราว์เซอร์ของคุณไม่แสดง Iframes" หรือแสดงลิงก์ไปยังเว็บไซต์ภายนอกที่มีข้อมูล รหัสย่อหน้าใด ๆ จะอยู่ระหว่างแท็ก <iframe> </iframe> ในตัวอย่างนี้: <iframe> <p> เบราว์เซอร์ของคุณไม่แสดง iframe </p> </iframe>
