iframe{
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
$(".navbar .nav-link").click(function(){
var section = $(this).data("section");
$("body").scrollTo(document.getElementById(section)+$(".element").offset(), 800, { easing:'easeInOutExpo' });
});
.foo {
background-color: rgba(255,0,0,0.5); /* последнее чисто от 0 до 1 - регулирует прозрачность.
}
<meta name="viewport" content="width=1200px, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="MobileOptimized" content="1200"/>
<meta name="HandheldFriendly" content="false"/>
ul {
font-size: 0;
line-height: 0;
}
li {
font-size: 18px;
line-height: normal;
display: inline-block;
}