css - How to ALWAYS show scrollbar in iframe in HTML5 -
is there way show scrollbar on iframe in html5, if content not overflowing? scrolling="yes" attribute doesn't work in html5. there way using css?
it seems scrolling="yes" supported browsers only. judging simulation of older versions in ie 11, seems ie 8 dropped support: although attribute such recognized, value yes not—scroll bars shown when content not fit in.
this change in browser practices. has nothing html5. in fact, html5 describes attribute scrolling="yes" mapping css setting overflow: scroll, misleading.
modern browsers implement iframe scroll bars present, if needed accessing of content, not otherwise. using scrolling=no or overflow: hidden, can prevent scroll bars appearing, not make them appear if content fits (there no overflow).
to make scroll bars appear, need make embedded document set them up, e.g. using body { overflow: scroll } in it. not matter iframe element says. scroll bars passive (and light grey), when content fits, there occupy space, , turn active scroll bars content expands not fit. in following example, embedding page sets body { overflow: scroll } , has editable body element, can add lines , see how bars change:
<iframe src="http://www.cs.tut.fi/~jkorpela/hello.html"></iframe>
Comments
Post a Comment