Мне нужен фиксированный нижний нижний колонтитул внутри iframe. здесь я использую полную ширину iframe. Так что прямо сейчас у меня есть страница iframe.html внутри этого файла. Я использую файл index.html здесь. У меня есть фиксированный нижний колонтитул. Он отлично работает с веб-браузером и браузером Android, но не работает браузер Safari iOS.Фиксированный нижний нижний колонтитул внутри iframe на мобильном приложении
Для этого я использую position: fixed
недвижимость в нижнем колонтитуле.
iframe.html файл
<iframe src="index.html" id="iframe"></iframe>
iframe.html CSS файл
iframe {
position:absolute;
top:0;
left:0;
width:100%;
overflow: hidden;
-webkit-overflow-scrolling:touch;
}
index.html файл
HTML код
<script>
for(var i = 0; i < 100; i++)
document.write("<div> test :: " , i , "</div>");
</script>
<footer>
<p>footer</p>
</footer>
CSS код
footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
padiing: 0.5em;
}