使用javascript将位置从相对位置改为固定位置

问题描述：

我目前正在构建一个网站。我想知道如何在向下滚动时将我的幻灯片从相对位置改变为固定位置。在深度上，我想知道如何让我的第二张幻灯片向上移动，然后在通过一定高度后突然变得固定，以便我的下一张幻灯片移过第二张幻灯片。换句话说，视差效应。使用javascript将位置从相对位置改为固定位置

你可以使用jQuery的css属性来改变position属性。把你的代码，如果你已经尝试过 – 2015-02-08 15:54:04

欢迎来到堆栈溢出！请包含需要修改的代码段，并更清楚地说明您的问题。它会使问题与其他用户更相关。 – bluefog 2015-02-18 03:11:00

答

的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>

使用javascript将位置从相对位置改为固定位置

相关推荐