Forums › Forums › Search & Filter Pro › Creating a JS Scrollbar to contain a long section

Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Anonymous
    (Private)  September 28, 2020 at 3:15 am #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
    (Private)  September 28, 2020 at 3:08 pm #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
Viewing 2 posts - 1 through 2 (of 2 total)