使用javascript將位置從相對位置改爲固定位置

Question

我目前正在構建一個網站。我想知道如何在向下滾動時將我的幻燈片從相對位置改變爲固定位置。在深度上，我想知道如何讓我的第二張幻燈片向上移動，然後在通過一定高度後突然變得固定，以便我的下一張幻燈片移過第二張幻燈片。換句話說，視差效應。

Answer 1

的javascript：

document.getElementById("yourid").style.position = "fixed" 

的jQuery：

$('selecor).css('position', 'fixed'); 

你可以使用插件，像http://stickyjs.com/或許多其他粘插件。然後使用：

<script src="jquery.js"></script> 
<script src="jquery.sticky.js"></script> 
<script> 
    $(document).ready(function(){ 
     $("#sticker").sticky({topSpacing:0});//or whatever value you want it to become fixed 
    }); 
</script>