判断页面的某个部分是否对用户可见的方法？

Question

所以我有一个JS函数，在页面底部显示一个小部件。 JS函数调用服务器来获取要显示的信息，但我有一个理论，即某些页面上的大多数人都不会向下滚动甚至看到小部件，所以我不想浪费带宽和周期来渲染它如果它不会被看到。有没有办法在进入视图时加载它？如同，如果用户向下滚动到Y，那么JS函数会加载吗？

Answer 1

可能这就是你要找的东西：

http://www.webresourcesdepot.com/load-content-while-scrolling-with-jquery/

以下是上述演示页面：

http://www.webresourcesdepot.com/dnspinger/

引自上述来源：

这将告诉您用户是否位于页面底部（因此必须加载新内容）。它使用jQuery.

if  ($(window).scrollTop() == $(document).height() - $(window).height())
{
   // do your loading content code
}

修改

如果您的小部件位于其他地方，您可以执行以下操作：

if  ($('#widget').position().top == $(window).scrollTop())
{
   // do your loading within the widget here
}

这将告诉您滚动位置是否位于小部件所在的位置。