使用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>