我正在 Angular 中創建一個聊天應用程序，并嘗試為其設置 UI。我需要創建一個 div 來容納聊天消息，隨著更多消息填充 div，我不希望 div 展開，而只是保持相同的大小并顯示滾動條。該 div 的大小應為父 div 的 100%。當您單擊按鈕添加數據時，div 會增大。即使我以 px 或百分比格式設置高度，div 仍然會增長。
1 回答
SMILET
TA貢獻1796條經驗 獲得超4個贊
您鏈接的頁面不會加載，但以下是制作可滾動元素的基礎知識：
HTML / JS 結構
制作一個外容器
div制作一個內部容器
div（這將是“滾動包裝”）將內部容器附加到外部容器
將您需要的任何東西插入內部容器（您可以使用類似的東西
insertAdjacentHtml或適合您的具體情況的任何東西）
這種步驟順序尤其適用于內容動態變化的場景。
CSS
對于外容器
設置一個固定值
width并設置height: autoborder-radius如果您想要圓形邊緣，請設置 a設置
overflow: hidden為防止滾動包裝紙的角彈出你可能會想要一些
padding內容器用
您將希望
max-height和min-height小于外部容器的“固定”width+“任何padding”，等等。它可能有。放
position: relative設置
overflow-y: auto和overflow-x: hidden以便可以上下滾動，但不能左右滾動為了獲得所需的溢出行為，您需要設置和
width: 100%的固定值。（決定什么時候東西開始溢出，即制作一個滾動條）max-heightmin-heightmax-height
- 1 回答
- 0 關注
- 159 瀏覽
添加回答
舉報
0/150
提交
取消