Как можно прокручивать IFRAME
Всем привет, интересует вопрос можно ли как - то прокручивать iframe без стандартного iframe ползунка. Цель стилизировать ползунок iframe.
Можно ли воспользовать jquery.mcustomscrollbar с iframe, кто-то имеет такой опыт или какие-то альтенративные решения ??? За любую помощью благодарствую. |
Hol1killer, если iframe с чужого домена, то нельзя. А так всё можно. Запихивай весь контент в div с overflow: hidden, и меняй свойство div.scrollTop через JS.
|
Ruslan_xDD,
Спасибо за ответ. Получается если в случаи вставки iframe с чужого домена, то воспользоваться JS вообще никак нельзя ??? Или есть какие-то обходные пути и костыли ? |
Hol1killer, нельзя, политика безопасности.
|
Цитата:
<style>
iframe::-webkit-scrollbar {
width: 1em;
}
iframe::-webkit-scrollbar-track {
background-color: transparent;
box-shadow: inset 0 0 4px #000000;
border-radius: 0.5em;
}
iframe::-webkit-scrollbar-thumb {
background-color: #61456a;
box-shadow: inset 0 0 4px #ffffff;
border-radius: 0.5em;
}
iframe {
margin: auto;
display: block;
width: 50%;
overflow: scroll;
}
</style>
<iframe width="560" height="315" src="http://www.fontsquirrel.com/home" frameborder="0"></iframe>
|
Да за эту наводку тоже спасибо.
Но это движки на webkit потянут, а остальные Mozila, IE - там стилизировать не получиться скорее всего... |
Можно по извращаться. :)
<!DOCTYPE HTML>
<html>
<head> </head>
<body>
<div style="height: 480px; overflow: auto; width: 640px">
<iframe frameborder="0" height="4025" src="http://www.fontsquirrel.com/home" scrolling="no" width="1349"></iframe>
</div>
</body>
</html>
|
| Часовой пояс GMT +3, время: 10:16. |