ngx-perfect-scrollbar中的水平滚动

时间:2019-05-17 06:47:17

标签: angular angular5 scrollbar perfect-scrollbar

  1. 我正在使用 ngx-perfect-scrollbar 进行滚动,垂直滚动运行良好,但是水平滚动不起作用

    <perfect-scrollbar style="max-width: 100px; max-height: 200px;">
        <ul class="tab-menu">
            <li>
                <a>All</a>
            </li>
            <li>
                <a>Company</a>
            </li>
            <li>
                <a>People</a>
            </li>
            <li>
                <a>Announcement</a>
            </li>
            <li>
               <a>Event</a>
            </li>
        </ul>
    </perfect-scrollbar>
    

2 个答案:

答案 0 :(得分:2)

您是否尝试过

<perfect-scrollbar style="max-width: 100px; max-height: 200px;" [config]="{useBothWheelAxes: true, suppressScrollX: false, suppressScrollY: false}">
    <ul class="tab-menu">
        <li>
            <a>All</a>
        </li>
        <li>
            <a>Company</a>
        </li>
        <li>
            <a>People</a>
        </li>
        <li>
            <a>Announcement</a>
        </li>
        <li>
           <a>Event</a>
        </li>
    </ul>
</perfect-scrollbar>

答案 1 :(得分:1)

您是否尝试过将documentation中提到的useBothWheelAxes选项设置为True

此值为默认值False