Creating a JS Scrollbar to contain a long section

Anonymous

#260957

Because we have over 70 categories that makes the search page very long (vertically), we want to contain the categories within a scroll region (https://www.screencast.com/t/qMPukNayk).

The problem we’ve run into is after deploying the scrollbar, all of the category options within the section become unresponsive to user selection. We’ve temporarily deactivated the feature and the category options are live-loading the results again.

Please let us know if you have any tips or if you’d like us to send you some code snippets of the site. (We are building with Search & Filter Pro + Elementor)

Thank you!

Trevor

#261081

The easier trick would be to use CSS, like this:

.searchandfilter li[data-sf-field-input-type="checkbox"] ul {
    max-height: 180px;
    overflow: auto;
}

[Author]

Posts