Question

我需要一个跨浏览器的jQuery解决方案，用于使用jQuery在HTML页面上显示元素，这些元素在页面加载时加载，但是我希望能够将页面滚动到“fadein”元素。

是否有现有插件具有此功能？

注意：不需要加载数据，到目前为止谷歌已经失败了。

Answer 1

$(window).scroll(function(){
      if ($(document).height() - $(window).height() < 20)
      {
         var content = 'hi'; //you can use a AJAX call to get content
         $('#DivToAppendContentTo').append('content');

      }
});

Answer 2

我过去曾经用过这个。阅读并查看它是否适合您。底部有一个Demo，您需要稍微修改代码以添加淡入。确保为您的元素提供CSS样式的Hidden，以便首先在页面上看不到它。 jQuery淡入功能将显示它。

Ariel Flesler的ScrollTo： http://flesler.blogspot.com/2007/10/jqueryscrollto.html

Answer 3

在这里，插件可以轻松完成！

http://scrollrevealjs.org/

滚动显示内容jQuery插件

3 个答案: