У меня есть боковая панель навигации, которая переключается, чтобы скрыть и показать каждый щелчок на боковой панели (содержит ссылки на список). И iframe, где я показываю веб-сайт. когда я нажимаю на ссылку, она скроет боковую панель и перенаправит ее на соответствующий URL-адрес в области iframe. Проблема в том, что когда я показываю некоторые веб-сайты внутри iframe, ссылки этих перенаправленных веб-сайтов будут работать только в верхней половине части iframe, а оставшаяся половина оставшейся половины ссылок iframe отключена. когда я прокручиваю внутри iframe i.e, когда ссылка в нижней половине приходит к верхней части, ссылки включены. Нужна помощь.Использование Iframe, вызывающего инвалидность ссылок
.menu_sample {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100px;
border: solid 1px;
transition: transform 0.1s ease-out;
}
.content {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
padding: 10px;
transition: left 1s ease-out;
margin-left: -1.5%;
margin-top: 150%;
}
/*transition*/
.top_mar {
margin-top: 25%;
}
/* on toggle*/
.content.pushed {
left: 225px;
}
.hide {
transform:translateX(-100px);
}
<div class="menu_sample top_mar">
<div class="col-sm-3 col-md-2 sidebar">
<ul class="nav nav-sidebar">
<li><span style="color:blue; font-weight:bold;">Dashboards</span></li>
{% for Dashboard in dashboards %}
<li><a href="{{ Dashboard.d_url }}">{{ Dashboard.d_name }}</a></li>
{% endfor %}
</ul>
</div>
</div>
<div class="content pushed top_mar">
<button onclick="toggleMenu()"><span id="menu-button"><span class="glyphicon glyphicon-chevron-left" id="glymphi" style="margin-left:24%;"></span></span></button>
</div>
<div style="margin-left:-1%; margin-top:3.5%; height: 625px;" >
<iframe width="100%" height="95%" name="iframe_a" frameborder="0"></iframe>
</div>
делает он поддерживает IE также –
если я установить видимость ни то спрячется на боковой панели itseflf .. –
Он должен работать на IE. 'Display: none' следует применять к'