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>

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

1 个答案: