DEFUNK
@DEFUNK
internet explorer

Как скрыть scrollbar в iframe, но оставить возможность скролла?

Делаю сайт, для демонстрации мобильной версии сайта сделал блок div, дал ему бэкгранд с изображением айфона, а внутрь этого div запихнул iframe с ссылкой на длинный скриншот сайта.

Получилось такая структура:
<div class="image-iphone">
<iframe src="/portfolio/energy-diet/mobile/image-1.jpg" width="320" height="570">Your browser does not support iframes!</iframe>
</div>


В css такое:
.image-iphone {
    background: url(../img/image-iphone.png) no-repeat;
    width:365px;
    height:758px;
    margin:0 auto;
}

.image-iphone iframe {
    margin-top:93px;
    margin-left: 23px;
    border:0;
}


Но никак не получается скрыть скроллбар в айфрейме! Давал overflow:hidden и родителю и ребёнку - не помогает. Атрибут scrolling="no" убрал скроллбар, но и возможность скроллить тоже. Помогите решить проблему...
  • Вопрос задан
  • 3582 просмотра
Пригласить эксперта
Ответы на вопрос 2
@mr_ko
Javascript, Node.js. React.js, Vue.js, Wordpress
Можно просто спрятать скролл-бар за дивкой.
.image-iphone {
   overflow: hidden;
}

.image-iphone iframe {
    margin-right: -20px
}
Ответ написан
miraage
@miraage
Старый прогер
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы