jjzjj

infinite-scroll

全部标签

javascript - jQuery无限滚动不触发

我正在制作一个简单的小网站,以将不同的格式样式应用于Reddit帖子,我正在尝试添加无限滚动jQuery插件,但它没有做任何事情。我尝试按照无限滚动页面上的(非常简单的)说明进行操作,当它没有执行任何操作时,我想我一定是输入了错误的内容,但后来我只是复制/粘贴了Masonry/Infinite-Scrollexample中的代码,然后它仍然没有用。砌体工作完美(终于),但我无法弄清楚无限滚动有什么问题。我了解jQuery和JavaScript的基础知识,但显然不如你们大多数人了解的多,所以请您帮帮我,让我知道哪里出了问题?我的网站在reddit.ymindustries.com上线。非

javascript - $(window).scroll 不准确,快速滚动时

我试图操纵元素的位置,所以在某些页面滚动位置之间,他的css发生了变化。看看这个简单的例子:http://jsfiddle.net/6RtTX/8/问题是-$(window).scroll不是那么准确,所以如果我滚动得非常快,它就会变得非常困惑。这个问题有解决办法吗?我可以在$(window).scroll方法中对这些操作进行排队吗?提前致谢。 最佳答案 试着像这样改变你的fiddle的代码:$(window).scroll(function(event){if(event.pageY>100&&event.pageY通过使用传递的

javascript - 在 Chrome 和 IE 中单击后退按钮时防止重新加载 Ajax 数据

我目前在一个主页上显示最近10条博客条目的网站上工作。当我向下滚动时,当我几乎到达屏幕上最后一个项目的末尾时,会自动加载另外10个博客条目,依此类推(这是无限滚动功能)。如果用户单击任何博客条目,他/她将被带到另一个页面以显示有关该博客条目的详细信息。当用户单击后退按钮时,他/她将被带到显示条目的主页。请注意,主页使用Ajax加载数据。假设以下场景:用户访问站点,并加载条目1到10(通过Ajax)。用户向下滚动,接下来的10个条目,特别是条目11到20被加载(也通过Ajax)。请注意,页面现在显示了完整的1到20。用户进一步向下滚动,现在加载了第21到30个条目,页面上总共显示了1到3

javascript - -webkit-overflow-scrolling 打破了绝对定位

我正在构建一个页面,该页面需要一些元素在页面顶部滚动,否则它们会滚动到屏幕之外。我设法使用position:absolute做到了这一点。一切都运行良好,但它需要动量滚动。我将-webkit-overflow-scrolling:touch添加到可滚动区域的css中。这打破了一切。我的带有position:absolute的粘性元素现在只是与其余内容一起滚动。我的问题是:为什么-webkit-overflow-scrolling:touch会影响绝对定位,有没有办法解决这个问题?更新:每当子元素变为“固定”或“未固定”时,我都会添加一个警报。警报继续触发,因此样式仍在应用,只是不起作用

javascript - 如何在 ngGridEventScroll 上使用页面滚动?

使用ngGridv2.X,我正在尝试开发一个网格,当页面滚动(而不是网格滚动)到达底部时加载更多数据。通过搜索类似的问题,我找到了第一个问题的解决方案:ngGrid必须有动态高度,所以我这样做了.ngViewport{height:auto!important;}.ngCanvas,.ngViewport,.ngRow,.ngFooterPanel,.ngTopPanel{width:100%!important;}.ngRow{border-bottom:none!important;}这将我带到我的第二个问题。我需要通过滚动加载数据,并且我发现:ngGridEventScroll,

javascript - 如何使用转换 :translateY() "AngularJS"? 创建垂直滚动条

我正在使用InfiniteScroll在我的应用程序中,我想实现指令中当前不支持的双向滚动效果。我添加了滚动检测方法,它可以发现滚动的向上/向下移动,因此我正在基于此进行计算。我添加了translateY,因此可以轻松添加和删除新元素。因此理想情况下,在向下移动时,应该添加一个新元素,同时应该删除向上的旧元素。滚动不流畅,卡住了。所有元素都是动态的,可以有不同的高度。更新了这个方法handler=function(){varcontainerBottom,containerTopOffset,elementBottom,remaining,shouldScroll,currentPos

javascript - .scroll() 函数在上次更新后在 google chrome 中定位闪烁

说实话,我有点绝望。在我的GoogleChrome浏览器更新之后——我认为是版本39到41——我的一个客户网站在Chrome中完全毁容了。你可以在这里看到:http://prinovis-media-day.com/如果向下滚动,所有»parallax«元素都会闪烁。我已经在我的macbook版本39上检查过了——它在版本39中绝对没问题。基本上,我为创建这种效果所做的工作非常简单:$("window").scroll(function(){varmove_value=Math.round(scroll_top*0.3);varopacity_value=*someothervalue

javascript - CSS 溢出 : scroll HTML 的滚动问题

这里是jsFiddle以便更好地理解:http://jsfiddle.net/BzYcZ/我有一些带有滚动条的div。我想要的是当我使用鼠标滚动在到达div的末尾时停止滚动,而不是滚动整个页面。发生的事情是,当我到达div的末尾时,整个页面开始滚动。我知道这是浏览器驱动的,但是是否有一些JS事件可以处理这种情况并防止在我的光标位于此div元素上时滚动整个页面。编辑:我希望能够滚动整个页面,但只有当我的鼠标离开这个div时。解决方案.noscroll{position:fixed;overflow-y:scroll;width:100%;}这是JavaScript部分:$('.small

javascript - Laravel 5 分页 + 无限滚动 jQuery

我正在尝试使用paginate()来实现无限滚动。我认为最简单的方法是使用“无限滚动”来实现这一点。如果您有任何其他建议如何在没有无限滚动库的情况下做到这一点,只需使用jQuery,我很乐意知道..我正在返回变量以像这样查看:publicfunctionindex(){$posts=Post::with('status'=='verified')->paginate(30);returnview('show')->with(compact('posts'));}我的看法:@foreach(array_chunk($posts->all(),3)as$row)@foreach($rowa

javascript - AngularJS 如何使用过滤器延迟加载图像

我正在开发一个Angular应用程序,其中主页加载1000张图像,但用户一次只能查看20张。我还将在我的列表中设置多个过滤器,以便可以根据不同的标准对其进行过滤和排序。我试过了http://binarymuse.github.io/ngInfiniteScroll/#和http://ngscroller.herokuapp.com/但似乎都没有那么好用。Ngscroller确实可以工作,但是当我尝试应用我的过滤器时它会中断。我也更喜欢这个,因为它不需要我包含jquery。是否有任何简单的指令可以满足我的需要?我正在尝试加快我的网页速度,但我不想重新发明轮子,如果已经有一些东西可以做到这