asp下拉列表，列表项与我的div一起滚动

Question

单击下拉菜单时，会出现列表项框。然后在滚动页面时，项目框会随之滚动，但我需要它保持连接到下拉列表（它不应该移动，但页面仍必须滚动）。我的代码中没有涉及 javascript。我注意到，当单击滚动的箭头时，该框消失了，但只要我使用鼠标滚轮滚动，该框就会滚动..

我的代码：

母版页代码

<div style="overflow-x:scroll; border: solid black 1px; height: 300px; width: 400px;">
    <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server" >

    </asp:ContentPlaceHolder>
</div>

默认.aspx

<dx:ASPxComboBox ID="ASPxComboBox1" runat="server">
    <Items>
        <dx:ListEditItem Text="Item1" Value="Item1"></dx:ListEditItem>
        <dx:ListEditItem Text="Item2" Value="Item2"></dx:ListEditItem>
        <dx:ListEditItem Text="Item3" Value="Item3"></dx:ListEditItem>
    </Items>
</dx:ASPxComboBox>

我已经尝试将下拉列表的位置设置为相对、绝对和固定，但没有成功。我也试过这段代码

$('#ScrollingBox').scroll(function() {
   $("#YourDropdownListID").data("kendoDropDownList").close();
});

结果是一样的。

Answer 1

试试这个：

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1r" runat="server">
     <dx:ASPxComboBox ID="ASPxComboBox1" runat="server">
       <Items>
          <dx:ListEditItem Text="Item1" Value="Item1"></dx:ListEditItem>
          <dx:ListEditItem Text="Item2" Value="Item2"></dx:ListEditItem>
          <dx:ListEditItem Text="Item3" Value="Item3"></dx:ListEditItem>
       </Items>
    </dx:ASPxComboBox>
    <asp:Panel ID="Panel2" runat="server" Width="1000" ScrollBars="Auto" Height="400px">
        <!--Put Every thing else here-->
        <!--Specify Appropriate Height and Width for Panel For Your Screen Size-->
    </asp:Panel>
</asp:Content>

Answer 2

 style="position:absolute !Important;"