Scroll hides Bootstrap Popover

So folks, once again a question related to this popover , I managed to stylize it to an acceptable size, but with a display-related issue when the scroll in> Div where it contains the element.

In the previous version where you had scroll only the body this effect of following the viewpoint worked normally. See:

Butoncethecontentisplacedinaspecificscrollelement,itdoesnottracktheviewpointandcutsthecontentofpopover.

Someoneknowsawaytosolvethis.Here'stheScrollCSS:

/*ScrolldoFormulário*/#form-scroll{position:absolute;top:0;bottom:0;width:1180px;overflow-y:auto;overflow-x:hidden;padding-right:20px;margin-bottom:87px;margin-top:116px;}

Html:

<divclass="container" >
            <div class="row">
                <div class="col-sm-12">
                    <nav class="navbar">
                        <ul class="nav nav-tabs">
                            <li><a class="text-success menu1" href="#menu1">Menu 1</a></li>
                            <li><a class="text-success menu2" href="#menu2">Menu 2</a></li>
                            <li><a class="text-success menu3" href="#menu3">Menu 3</a></li>
                            <li><a class="text-success menu4" href="#menu4">Menu 4</a></li>
                        </ul>
                    </nav>
                </div>
            </div>

<div id="form-scroll" data-spy="scroll" data-target=".nav-tabs" data-offset="10">

<div id="menu1">
Conteúdo 1
</div>

<div id="menu2">
Conteúdo 2
</div>

<div id="menu3">
Conteúdo 3
</div>

<div id="menu4">
Conteúdo 4
</div>

</div>

</div>

Bootstrap Version: 3.3.7