Полосы прокрутки IFrame не поступают в Chrome

Я использую IFrame, чтобы показать некоторый контент из другого домена. Проблема в том, что я могу использовать указанную высоту и ширину (которые я использую), а содержимое внутри IFrame не может быть полностью размещено в IFrame. Следовательно, мне нужны полосы прокрутки.

я использовал следующий html-код -

**<iframe style = "overflow-x:scroll; overflow-y:scroll;" src =       "http://shopsocial.ly/merchant/fanpage?merchant_name=cafepress"
     height = "400" width = "500">**

это отлично работает в Firefox. Но в Chrome я не получаю полосу прокрутки в IFrame. Я искал эту проблему и пробовал много всего что не решило мою проблему. Кто-нибудь может мне помочь?

9
google-chrome iframe scrollbar

3 ответов

вместо использования стиля CSS вы можете использовать скролл свойство iframe и установите его в yes (т. е. всегда показывать полосы прокрутки):

<iframe scrolling="yes" src="http://domain.com" height="400" width="500"></iframe>
2

в вашем содержимом iframe добавьте inline:

<body style="overflow:auto;">

или в файле css, прикрепленном к iframe

html, body {
   overflow:auto;
}

и, конечно, как рекомендовал том убедитесь, что вы используете scrolling="yes" и style="overflow:visible;" в iframe:

<iframe scrolling="yes" src="http://example.com" style="overflow:visible;"></iframe>

если он все еще не работает, попробуйте обернуть iframe следующим образом:

<div style="overflow:visible; height:400px;">

    <iframe scrolling="yes" src="http://example.com" style="overflow:visible; height:2000px;"></iframe>

</div>
3

Yap Tom абсолютно прав, вы можете использовать

<iframe style="overflow:visible; width:400px; height:400px;" frameborder="0" scrolling="yes" marginheight="0" marginwidth="0" src="yourfile.html"></iframe>

и это должна быть работа, как я испытал.

если он все еще не работает, обновите Chrome до последней версии. :)

1