horizontal scroll in ngx-perfect-scrollbar

Question

i am using ngx-perfect-scrollbar for scroll, vertical scroll was running fine, but horizontal scroll not working

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

score 5 · Answer 1 · answered May 16 '20 at 22:00

Have you tried with this

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

score 1 · Answer 2 · answered May 17 '19 at 12:07

1

Have you tried setting the useBothWheelAxes option to True as mention in the documentation.

This value is False as default

answered May 17 '19 at 12:07

TVK

1,042
7
21

yes, i use **[config]="{useBothWheelAxes: true}"** but nothing happen – Apurv Chaudhary May 17 '19 at 12:52
after looking into the docs I actually i dont think anymore useBothWheelAxes= true might help. Can you add more code? – TVK May 21 '19 at 09:29

horizontal scroll in ngx-perfect-scrollbar

2 Answers2