我不確定這可以用純CSS完成,或者如果我需要使用一些jQuery來做到這一點。需要修復div時,滾動停留20px從頂部
我有一個div(product_image),它的當前狀態位於頂部大約400px處,並且相對定位,所以它清除頂部菜單和標題,我需要做的是當用戶滾動並獲取距離div頂部20px,我需要該div變得固定。
這是我試過的,我有相對定位的主要股利,然後我有另一個股利用固定定位包裹一切。問題在於div始終位於頂部400px處。
下面的代碼:
<div class="product_image">
<div class="product_image_fixed">
<a href="products/1.jpg" class="zoom" title="A bed!" rel="gal1">
<img src="products/1.jpg" width="450" alt="" title="A bed!">
</a>
<ul id="thumblist" class="clearfix" >
<li><a class="zoomThumbActive" href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: 'products/1.jpg',largeimage: 'products/1.jpg'}"><img src='products/1.jpg' width="150" height="100"></a></li>
<li><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: 'products/1a.jpg',largeimage: 'products/1a.jpg'}"><img src='products/1a.jpg' width="150" height="100"></a></li> </ul>
</div>
</div>
而CSS
.product_image {
position: relative;
float: left;
width: 450px;
margin-left: 10px;
margin-top: 10px;
}
.product_image_fixed {
position: fixed;
float: left;
}
我希望我做的問題很清楚,我似乎無法找到解決這個局面,所以我感謝您提前爲您提供幫助!
睡眠是正確的。除了懸停或選擇,css不能製作dinamyc內容。 – wazaminator 2013-04-25 12:34:05
@Morpheus感謝您的評論,所以我需要看看如何使用jQuery做到這一點? – AppleTattooGuy 2013-04-25 12:34:28
沒有辦法做到這一點與純CSS。是的,使用jQuery或javascript做到這一點 – Morpheus 2013-04-25 12:34:41