將圖片粘貼到底部

我有一個彈出的模式，我使用的是可調整大小的UI。問題在於，如果模式較高（因爲它具有設定的高度因此可以滾動），圖像將隨滾動一起移動。我無法修復它，因爲如果你抓住它並水平或垂直移動，模態就會移動。不知道該怎麼辦。目前它位於模式的右下角。如果需要的話，也可以使用jQuery。將圖片粘貼到底部

https://jsfiddle.net/x7dw1wjg/

HTML

<div class="ui-dialog"> 
    <div class="container">//contains everything in the modal</div> 
    <div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se"> 
</div>

CSS

.ui-dialog{ 
    width: 900px; 
    height; auto; 
    overflow: auto; 
    } 
.ui-resizable-handle { 
width: 22px; 
height: 22px; 
right: 0px; 
bottom: 0px; 
background-position: -77px -220px; // this is just the icon 
position: absolute; 
} 

.container { 
position: relative; 
padding: 1em; 
overflow: auto; 
width: auto; 
max-width: 900px; 
height: 600px; 
}

來源

2017-02-15 Keith

我們可以得到一個工作的例子嗎？ –

沒有圖像，但我只是用一個背景色爲例 – Keith

.container img { 
height:0; 
width:50% 
padding-bottom: 50%; 
}

這總會讓其高度圖像的廣場上，由它的寬度。

來源

2017-02-15 21:01:22

這可能是真的，但它並沒有解決讓它粘在頁面的角落的問題。我對圖像的大小沒有問題。它仍然滾動頁面 – Keith

將圖片粘貼到底部

回答

相關問題