在页的右下角滑动向上框。

Question

我正在寻找具体的说明，创建一个幻灯片上框在右下角的网页。例如Olark，qualroo

搜索结果非常不明确。零碎，但没有简单和简洁。

需求

• 该框应在折叠状态下可见，并在用户访问页面几秒钟后滑动以显示窗体。
• 最好是一些javascript，可以粘贴在一个现有网站的页脚。

谢谢。

Answer 1

用css创建你的盒子，并把它固定在右下角。然后，在jquery中，当用户滚动到页面底部并执行一些操作时，您可以进行检查。

$(window).scroll(function() {
  if($(window).scrollTop() + $(window).height() == $(document).height()) {
    // put code here to animate height and/or another css property
    // don't forget to hide box when scrolling up.
  }
});

别忘了把你的箱子按它的高度推到窗外。例如，如果您的盒子是200 it高，那么您将给它-200 it，而不是底部0。