iframe内部頁面代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.inner-container {
position: absolute; left: 0;
overflow-x: hidden;
overflow-y: scroll;
}
/* for Chrome 隻針對谷歌浏覽器*/
.inner-container::-webkit-scrollbar {
display: none;
</style>
</head>
<body class="inner-container">
<h1>爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水爆米花&白開水</h1>
</body>
</html>
外部包含iframe的代碼：
.outer-container {
position: relative;
overflow: hidden;
<body >
<div class="outer-container">
<iframe marginWidth=0 marginHeight=0 src="demo1.html" scrolling="auto" frameBorder=0 width="100%"></iframe>
</div>
效果：
橫向和豎向滾動條都消失，滾動滑鼠的時候，内容仍然可以實作滾動效果。
![使用RAP2和Mock.JS實作Web API接口的資料模拟和測試[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)