javascript - 当用户滚动超过某个点时推荐内容弹出

标签 javascript jquery html scroll

<分区>

在网页上,当用户滚动到某个点(大部分到底部)时,我希望推荐的内容弹出窗口从网页底部的右侧滑出。

一个例子在 USAToday 上当您向下滚动足够远并出现蓝色推荐框时,或者在 AddThis 下一个工具中。

如何以最简单的方式执行此操作,包括使用“x”按钮关闭框?

编辑 对于弹出窗口本身。我应该将一个 div absolute 定位在窗口之外并将其带入 View 还是有其他方法?

最佳答案

试试这个来检测滚动位置。当用户向下滚动页面 400 像素时,它将运行代码。

$(window).scroll(function() {
    if($(window).scrollTop() > 400) {
        // Your code for animating popup box
        alert('Popup box');
    }
});

关于javascript - 当用户滚动超过某个点时推荐内容弹出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24855699/

相关文章:

jquery - 将 jQuery colorbox 插件添加到动态创建的元素

javascript切换显示/隐藏div

java - 如何在 Android 上用 Java 而不是 Javascript 处理 HTML 按钮点击?

javascript - 如何从不包括 "N/A"值的下拉列表中计算平均值

javascript - 需要将应用于图像的过滤器样式转换为特定的 JSON 格式

javascript - jquery wysiwyg throws "Object doesn' t support this property or method"on postback

jquery - 具有绝对位置的多个叠加层,固定到它们的父元素,作为相同的标记

javascript - jQuery/javascript - 更正输入最小值和最大值 int 无法正常工作

整个页面上的 jQuery 验证

jquery - AJAX动态播放列表不会播放歌曲