HTML元素定位 - 如何讓元素始終保留在沒有javascript的可見區域中

我需要一個網頁上的小部件，以便當頁面加載到最大化窗口時，該元素顯示爲內聯。HTML元素定位 - 如何讓元素始終保留在沒有javascript的可見區域中

當垂直滾動條向下移動時，元素向上滾動，直到它到達瀏覽器控件的頂部可見行。此後，如果您進一步向下滾動，則此元素將保留在瀏覽器的頂部邊框處。

換句話說，如果有足夠的屏幕區域，並且它在當前窗口中可以看到，它將以內聯方式出現，並且由於滾動，其內聯位置離開可見窗口的時刻，這些元素將粘貼到邊框它打到並保持在那裏，直到滾動將其內聯位置返回到可見窗口。

我需要純粹通過CSS來實現 - 沒有JavaScript。任何想法如何做到這一點？

在此先感謝您看這篇文章。

只需製作該HTML元素'position：fixed' –

否。答案是否定的。但告訴我，爲什麼你不想使用Javascript？ –

我的小部件是Zoho Creator視圖內的iframe。 Zoho Creator只允許HTML - 它剝離任何JavaScript。我討厭這個JavaScript的剝離，但不能做太多的事情。因此試圖通過CSS實現這一點。 –

您可以使您的視圖的位置：固定，以便它保持在可見區域。

.selector { 
    position: fixed; 
    /* rest required styling */ 
}

2013-10-04 12:05:14

回答