向上滑动页面右下角的框

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.
  }
});

不要忘记将你的盒子推出窗户的高度。例如，如果你的盒子是200px高，那么你可以给它-200px而不是底部0。