angular - ngx-perfect-scrollbar 中的水平滚动

Question

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>
   

Answer 1

你试过这个

<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>

Answer 2

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

此值为False默认值