0
プロパティをオーバーフローさせないでください。 overflow-x:可視; 1つの要素に問題を解決するのに役立ちます。左メニューが折りたたまれている場合、クラスのサブメニューを持つ子要素を使用してliにマウスを合わせると、オーバーフローとスクロールのためにサブメニューが表示されません。どのように問題を回避するには?CSSのオーバーフロー:可視ではありません。
.fixed-leftmenu .col-left-nano {
\t position : relative;
\t width : 100%;
\t height : 100%;
\t overflow : visible;
\t }
\t .fixed-leftmenu .col-left-nano > .col-left-nano-content {
\t position : absolute;
\t overflow-y : scroll;
\t overflow-x : visible;
\t top : 0;
\t right : 0;
\t bottom : 0;
\t left : 0;
\t }
.fixed-leftmenu #nav-col {
\t \t height: 100%;
\t }
<section id="col-left" class="col-left-nano">
<div id="col-left-inner" class="col-left-nano-content" style="padding-right: 12px">
<div class="collapse navbar-collapse navbar-ex1-collapse" id="sidebar-nav">
<ul class="nav nav-pills nav-stacked">
<li>
<a href="{% url 'lk' %}" class="
{% if request.path == '/lk/' %} active {% endif %}">
<i class="fa fa-home"></i>
<span>blabla</span>
</a>
</li>
<li>
{% url 'calendar' as calendar_url %}
<a href="{{ calendar_url }}" class="
{% if calendar_url == request.path %} active {% endif %}">
<i class="fa fa-calendar"></i>
<span>blabla</span>
</a>
</li>
<li>
{% url 'lesson_list' as lesson_list_url %}
<a href="{{ lesson_list_url }}" class="{% if lesson_list_url == request.path %} active {% endif %}">
<i class="fa fa-mortar-board "></i>
<span>blabla</span>
</a>
</li>
{% if user.is_admin %}
<li class="active open">
<a href="{{ post_office_attachment_list }}" class="dropdown-toggle {% if post_office_attachment_list == request.path %} active {% endif %}">
<i class="fa fa-send-o"></i>
<span>blabla</span>
<i class="fa fa-chevron-circle-right drop-icon"></i>
</a>
<ul class="submenu">
<li>
<a href="{{ post_office_attachment_list }}" class="{% if post_office_attachment_list == request.path %} active {% endif %}">
<i class="fa fa-send-o"></i>
<span>blabla</span>
</a>
</li>
<li>
<a href="{{ post_office_email_list }}" class="{% if post_office_email_list == request.path %} active {% endif %}">
<i class="fa glyphicon-envelope"></i>
<span>blabla</span>
</a>
</li>
<li>
<a href="{{ post_office_logs_list }}" class="{% if post_office_logs_list == request.path %} active {% endif %}">
<i class="fa fa-cogs"></i>
<span>blabla</span>
</a>
</li>
</ul>
</li>
<li>
{% url 'user_answer_list' as user_answer_list %}
<a href="{{ user_answer_list }}" class="{% if user_answer_list == request.path %} active {% endif %}">
<i class="fa glyphicon-pencil"></i>
<span>blabla</span>
</a>
</li>
<li>
{% url 'docs_list' as docs_list %}
<a href="{{ docs_list }}" class="{% if docs_list == request.path %} active {% endif %}">
<i class="fa fa-briefcase"></i>
<span>blabla</span>
</a>
</li>
<li>
{% url 'news_list' as news_list %}
<a href="{{ news_list }}" class="{% if news_list == request.path %} active {% endif %}">
<i class="fa fa-list"></i>
<span>news</span>
</a>
</li>
<li class="active open">
<a href="{{ callback_list }}" class="dropdown-toggle {% if callback_list == request.path %} active {% endif %}">
<i class="fa fa-pencil-square-o"></i>
<span>blabla</span>
<i class="fa fa-chevron-circle-right drop-icon"></i>
</a>
<ul class="submenu">
<li>
<a href="{{ proposal_list }}" class="{% if proposal_list == request.path %} active {% endif %}">
<i class="fa fa-pencil-square-o"></i>
<span>blabla</span>
</a>
</li>
<li>
<a href="{{ callback_list }}" class="{% if callback_list == request.path %} active {% endif %}">
<i class="fa fa-phone"></i>
<span>blabla</span>
</a>
</li>
</ul>
</li>
<li>
{% url 'feedback_list' as feedback_list %}
<a href="{{ feedback_list }}" class="{% if feedback_list == request.path %} active {% endif %}">
<i class="fa fa-comments"></i>
<span>blabla</span>
</a>
</li>
<li class="active open">
<a href="{{ students_list }}" class="dropdown-toggle {% if students_list == request.path %} active {% endif %}">
<i class="fa fa-users"></i>
<span>blabla</span>
<i class="fa fa-chevron-circle-right drop-icon"></i>
</a>
<ul class="submenu">
<li>
<a href="{{ students_list }}" class="{% if students_list == request.path %} active {% endif %}">
<i class="fa fa-users"></i>
<span>blabla</span>
</a>
</li>
<li>
<a href="{{ teacher_list }}" class="{% if teacher_list == request.path %} active {% endif %}">
<i class="fa fa-male"></i>
<span>blabla</span>
</a>
</li>
</ul>
</li>
<li class="{% if direction_url == request.path %}active open{% endif %}
{% if course_list == request.path %}active open{% endif %}">
{% url 'direction_list' as direction_url %}
<a href="{{ direction_url }}" class="dropdown-toggle {% if direction_url == request.path %} active {% endif %}">
<i class="fa fa-university"></i>
<span>blabla</span>
<i class="fa fa-chevron-circle-right drop-icon"></i>
</a>
<ul class="submenu">
<li>
<a href="{{ direction_url }}" class="{% if direction_url == request.path %} active {% endif %}">
<i class="fa fa-university"></i>
<span>blabla</span>
</a>
</li>
<li>
<a href="{{ course_list }}" class="{% if course_list == request.path %} active {% endif %}">
<i class="fa fa-mortar-board"></i>
<span>blabla</span>
</a>
</li>
</ul>
</li>
{% endif %}
<li>
{% url 'certify' as certify_url %}
<a href="{{ certify_url }}">
<i class="fa fa-file-text-o"></i>
<span>blabla</span>
</a>
</li>
</ul>
</div>
</div>
</section>