使面板只能水平滾動，不能正常工作

我在左側有一個面板，我希望它只能水平滾動但不工作。我進入了面板屬性，並將ScrollBars設置爲水平，並顯示，但它不起作用。圖片如下。使面板只能水平滾動，不能正常工作

<asp:Panel ID="panelButtons" runat="server" Direction="LeftToRight" 
     CssClass="leftPanel" ScrollBars="Horizontal" ></asp:Panel>

enter image description here

來源

2013-05-17 Apollo

你看到什麼結果呢？沒有滾動條？ –

嘗試在'Panel'上分配一個明確的'Width'值，並讓我們知道是否有幫助。 –

@DavidTansey我已經嘗試過。當設置寬度時會出現垂直滾動條，我想要水平滾動條代替。。 – Apollo

您嘗試使用嵌套小組，並明確設置這兩個面板的寬度。

<asp:Panel ID="panelContainer" runat="server" Direction="LeftToRight" CssClass="leftPanelContainer" ScrollBars="Horizontal" Width="300px;"> 
    <asp:Panel ID="panelButtons" runat="server" Direction="LeftToRight" CssClass="leftPanel" ScrollBars="Horizontal" Width="1000px"> 
    LEFT PANEL 
    </asp:Panel> 
</asp:Panel>

來源

2013-05-17 17:25:07

如果我這樣做會重疊到我的右側面板。 – Apollo

您可以使用panelContainer寬度來查找適當的寬度。如果您使用％作爲右側面板，那麼您也應該使用％作爲leftPanelContainer。 –

得到它的工作。謝謝 – Apollo

我會用CSS這樣做：http://jsfiddle.net/8HJ4v/

溢出性是重要的部分：

overflow-x:scroll; 
overflow-y:hidden;

來源

2013-05-17 17:30:02

，沒有做任何事情。 – Apollo

你有爲容器div設置的寬度嗎？嘗試創建一個jsfiddle來顯示問題。 –

使面板只能水平滾動，不能正常工作

回答

相關問題