Adakalannya saat kita menggunakan tag di dalam HTML ada yang membuat kita tidak begitu puas dengan hasil yang di hasilkan, misalnya seperti yang kita pelajari pada artikel kali ini yaitu cara menghilangkan scrollbar saat menggunakan tag iframe, kasus ini pasti kita temui sebenarnya ini selera pada setiap web devloper apakah sudah cukup dengan hasil yang di tampilkan atau belum, dan kali ini kita berpura-pura sebagai yang kurang puas dengan efek yang dihasilkan HTML ya teman-teman, oke jangan kemana-mana simak terus ya teman-teman.
Artikel kita kali ini masih belum jauh dengan artikel sebelumnya yaitu mengenai menampilkan sesuatu file, tapi kali ini kita akan menambahkan atribut sedikit untuk menambah pengetahuan kita dan menjawab problem dari kebanyak orang yang tidak ingin ada efek scrollbar pada saat kita menggunakan tag iframe, oke untuk cara menghilangkan scrollbar saat menggunakan tag iframe, teman-teman harus tau dulu apa itu iframe teman-teman bisa kunjungi artikel saya sebelumnya disini yang saya beri judul cara memasukan aplikasi luar ke dalam halaman HTML Silahkan teman-teman klik di judul tersebut dan pahamilah, oke bagaimana teman-teman apa sudah membukannya dan mempelajarinya, jika sudah atau teman-teman yang sudah paham tentang iframe, mari kita lanjut belajar, kali ini coba saya contohkan dengan gambar ya teman-teman, pada saat saya memberikan tag iframe dengan menampilkan sebuah website dumetschool akan ada tampilan scroll seperti ini :
Bagaimana teman-teman ada scrollbarnya bukan, jika teman-teman tidak masalah dengan adanya scrollbar teman-teman bisa abaikan. Oke karena scrollbar yang ada di gambar tersebut adalah efek yang kita dapat pada saat kita menampilkan sebuah website di dalam website kita, itu adalah efek automatis yang di bawa oleh tag iframe, dan bagaimana menghilangkannya seperti ini kodenya:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>cara menghilangkan scrollbar Saat Menggunakan Tag Iframe</title>
<style type="text/css">
iframe{
border: 2px dotted aqua;
box-shadow: 20px 20px 20px aqua;
}
.container{
margin: auto;
width: 800px;
}
</style>
</head>
<body>
<div class="container">
<iframe width="560" scrolling="no" height="315" src="https://dumetschool.com" frameborder="0" allowfullscreen></iframe>
<!-- perhatikan scrooling="no" -->
</div>
</body>
</html>Dan saya tinggal menambahkan scrolling dengan value no, maka scrollnya akan hilang, maka seperti ini tampilannya:
Bagaimana teman-teman sangat menarik bukan, oke saya rasa cukup sampai disini dulu belajar kita tentang cara menghilangkan scrollbar saat menggunakan tag iframe, semoga bermanfaat dan sampai jumpa di artikel saya selanjutnya, terimakasih.
The post Cara Menghilangkan Scrollbar Saat Menggunakan Tag Iframe appeared first on Kursus Website Terbaik.