0

我想创建一个主页，当用户滚动时，内容会发生变化。假设用户滚动到位置 y 并且应该弹出一个图像，当他离开位置 y 时它应该消失。这纯粹是根据滚动位置完成的，还是在我开始做一些愚蠢的事情之前还有其他“技巧”？我很确定这是用 jQuery 实现的，但我只想要底层技术。

像这样http://dentsunetwork.com/

4

2 回答 2

5

您需要为此使用javascript。

基本上，您将滚动事件添加到您的身体，例如：

$(body).scroll(function() {
    if ( $this).scrollTop() > 200 ) {
        $('#someElement').css('display', 'block');
        $('#someOtherElement').css('display', 'block');    
    }
});

当您滚动超过 200 像素时someElement，someOtherElement就会变得可见。

someElement具有 id且someOtherElement必须display: none;位于开头的元素。

您可以通过添加 ie 来扩展它。$this).scrollTop() > 400并显示其他元素。

您当然也可以通过制作类似的类showAt300并在选择器中使用它来显示所有这些元素，方法是将它们设置为display: block;

上述方法当然也可以通过设置display: none;来让物品在某些位置再次隐藏。

我没有测试上面的例子，但至少它应该让你开始。

参考：

于 2013-06-07T11:21:48.530 回答
1

您可以使用jQuery 视差。有关使用它的网站的更多示例，请参见此处。

于 2013-06-07T11:26:42.203 回答