Pagination problem with CMS lists in different tabs

I found if I have a page with several tabs(Let’s call it Tab1, Tab2…), and each tab has its own CMS lists. When I try to go to the 2nd page of Tab2, it always jumps to Tab1’s 1st page.

Here’s one page of my published site( sorry it’s in Japanese) with this problem.

Does anyone here know how to solve this problem?

<script type="text/javascript">
   
    $(document).ready(function () {

    function activate(tab) {
        // switch all tabs off
        $(".w--current").removeClass(" w--current");

        // switch this tab on
        tab.addClass("w--current");
}
    if (localStorage) { // let's not crash if some user has IE7
        var index = parseInt(localStorage['tab'] || '0');
        activate($('.w-tab-link').eq(index));
    }

    // When a link is clicked
    $(".w-tab-link").click(function () {
        if (localStorage) localStorage['tab'] = $(this).index();
        activate($(this));
    });

});
</script>

copy and paste this on the page where you have the CMS data with tabs. The only draw back is that it’ll refresh the page once you paginate the tabs. Still trying to crack this issue but nothing so far, but this will help you get this issue fixed.