Add Scroller inside Tabs

  • Resolved narendra151

    (@narendra151)


    4 years, 3 months ago

    I have added tabs on the products page.
    I also added a scroller to my long description.
    I want to add the same scroller inside each tab so after some content it will automatically get scrolled.
    Right now I have added CSS to all tabs section but it’s scrolling the whole widget.
    I only need a scroller inside content, not for the widget.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • jpowersdev

    (@jpowersdev)

    4 years, 3 months ago

    Hi @narendra151,

    The markup for that section has a <ul> of all of the tabs followed by each tab’s content as a <div>. All of these items are siblings, so if you make the section scrollable, it will scroll everything.

    You could add styles to each tab that makes just that tab’s content scrollable, or you could use something like position: sticky to make the <ul> stick to the top of the container as it scrolls.

    Let me know if that helps,
    Jon

    • This reply was modified 4 years, 3 months ago by jpowersdev.
    Thread Starter narendra151

    (@narendra151)

    4 years, 2 months ago

    Hi @jpowersdev

    It’s not working…
    Please suggest any different method…

    jpowersdev

    (@jpowersdev)

    4 years, 2 months ago

    Hi @narendra151,

    The position: sticky approach does work, I tried it. Alternatively, if you decide to make the tabs scroll, you need to overflow: hidden the container element and ensure that the tabs have a set height in addition to overflow: auto.

    If you need additional assistance with CSS, you should submit a ticket with your theme developer. Our plugin just adds content. The style and layout are coming from your theme.

    Jon

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Add Scroller inside Tabs’ is closed to new replies.

Tags