Question

单击DropDown时，将显示列表项框。然后当滚动页面时，项目框滚动但我需要它保持附加到DropDown列表（它不应该移动，但页面仍然必须滚动）。我的代码中没有涉及javascript。我注意到，当点击滚动的箭头时，框会消失，但只要我使用鼠标滚轮滚动框就会滚动..

我的代码：

主页代码

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

    </asp:ContentPlaceHolder>
</div>

Default.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>

我已经尝试将DropDown列表的位置设置为相对，绝对和固定，但它没有用。我也试过这段代码

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

结果是一样的。

Answer 1

 style="position:absolute !Important;"

Answer 2

试试这个：

<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>

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

2 个答案: