javascript - niceScroll は、目的の div の上から下にスクロールバーを生成します

Question

初めてniceScrollを使用しようとしましたが、スクロールバーが目的のdivタグの上部からほぼ30px下にあることがわかりました。縦棒と横棒の両方が正しく計算されていません。使用しようとしている div は

<div style=" height: 350px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;" id="divctcontent">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
            <div style="width: 100%; background-color: rgb(240,240,240); border-top: 1px solid #ccc;">
                <asp:HyperLink ID="ButtonManageChapters" runat="server" Text="Edit Chapters" Font-Size="X-Small"></asp:HyperLink>
            </div>
            <asp:TreeView ID="TreeView1" runat="server" OnSelectedNodeChanged="TreeView1_SelectedNodeChanged" CssClass="stylo" Font-Size="12px" ExpandDepth="0">
                <SelectedNodeStyle BackColor="#DDDDDD" />
            </asp:TreeView>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="TreeView1" EventName="SelectedNodeChanged" />
        </Triggers>
    </asp:UpdatePanel>
</div>