草庐IT

Infinite-Scroll

全部标签

javascript - 检测手机浏览器是否支持溢出 :scroll

是否有一个与设备和库无关的简单JavaScript解决方案?我想向html元素添加一个类,这样我就可以在可能的情况下向移动设备提供可滚动的容器。这与Modernizr采用的方法类似,检测功能支持而不是浏览器检测。我只是不想使用整个Modernizr框架。努力使移动元素的JavaScript保持轻便。谢谢! 最佳答案 它并不完美,但我正在使用它来检测-webkit-overflow-scrolling。varoverflowScrolling=typeof($("body")[0].style["-webkit-overflow-sc

javascript - 检测 Scroll 何时到达页面的底部 [没有 jQuery]

我想在滚动到达页面底部时发出警告,如下所示:$(function(){$(document).scroll(function(){if($(document).scrollTop()==0)alert("top");})})但没有jQuery,到达底部时发出警报。 最佳答案 document.addEventListener('scroll',function(event){if(document.body.scrollHeight==document.body.scrollTop+window.innerHeight){alert

javascript - 如何在 javascript 中查找移动 safari/iphone 中的当前 "scroll"偏移量

我想知道用户在iphone上移动safari的视口(viewport)内“滚动”了多远的x/y偏移量。换句话说,如果我(通过javascript)重新加载当前页面,我想找到我需要传递给window.scrollTo(...)的值,以便将文档/视口(viewport)重新定位为目前是。window.pageXOffset总是报告0jquery的$('body').scrollTop()总是报告0事件有一个pageX,但如果您的手势是向上/向下“轻拂”页面,则这不会说明您松开手指后发生的页面滚动。也就是说,当手指离开屏幕时它会给我一个点,但这并不总是与页面完成滚动后的位置相匹配。有什么建议

javascript - 如何使用纯 Javascript 过滤非常大的 Bootstrap 表

我在bootstrap中构建了一个大表,大约5,000行x10列,我需要仅使用JavaScript快速过滤特定属性的表。该表同时具有id列和属性列,即id|attr|...---------------2|X|...3|Y|...4|X|...为了加快过滤过程,我构建了一个哈希表,将属性映射回列ID。例如,我有一个映射:getRowIds["X"]=[2,4]用户可以在搜索框中输入属性“X”,哈希表然后查找包含“X”的对应行(在本例中为2和4),然后通过map操作调用以下函数:this.hideRow=function(id){document.getElementById(id).s

javascript - 使用 `scroll-behavior: smooth` 检测滚动何时完成

当滚动到页面上的元素已完成时,检测的最佳方法是什么?规范说“滚动框在用户代理定义的时间段内使用用户代理定义的计时函数以平滑的方式滚动。用户代理应遵循平台约定,如果有的话。”(2017-11-23)在相关说明中,Firefox58nowhasachrome-onlyscrollendevent. 最佳答案 唯一可行的选择似乎是等待,直到没有更多的scroll事件:lettimer;window.addEventListener('scroll',()=>{clearTimeout(timer);timer=setTimeout(()=

PHP : echo not working in infinite while loop

我想在服务器端使用echo从客户端显示$input。PHP服务器:\n";}else{while($conn=stream_socket_accept($socket)){$input=fread($conn,1024);echo$input;fwrite($conn,'Waitforawhile...'.$input);fclose($conn);}fclose($socket);}fwrite()成功将$input写入客户端,但echo$input不显示任何内容。 最佳答案 你应该使用flush():\n";}else{whil

php - Symfony2 Ajax 无限滚动

我是Symfony2的新手,不完全了解路由和模板。请帮助解决以下问题:我需要使用Symfony2和Ajax实现无限滚动。我有indexController从数据库中获取10个画廊项目。每次向下滚动时,我都想再获得10个项目。这是Controller:/***@Route("/",name="gallery_homepage")*/publicfunctionindexAction(Request$request){$em=$this->getDoctrine()->getEntityManager();if($request->isXmlHttpRequest()){$page=$re

php - lazyload 在使用无限滚动时不在新页面上加载图像

我正在使用保罗爱尔兰的无限卷轴http://masonry.desandro.com/demos/infinite-scroll.html以及MikeTupupola的延迟加载jquery脚本,用于在页面上加载图像。第一页的图像加载完美无缺。但是,一旦无限滚动在页面末尾开始并加载新元素。它加载除图像之外的所有内容。这意味着lazyloadjquery不会启动新加载的元素。页面链接:http://67.20.122.201/boikeno/viewmore.php?view=popular 最佳答案 您提供的链接无效。

php - 为什么这个无限滚动在 IE 中不起作用?

下面的代码适用于Chrome和Firefox。对于IE,它滚动浏览相同的内容。我广泛搜索了解决方案,但一无所获。标题$(window).scroll(function(){if($(window).scrollTop()==$(document).height()-$(window).height()){$('div#loadmoreajaxloader').show();$.ajax({url:"http://www.hackedflashgames.com/loadmore.php",success:function(html){if(html){$("#wrapper").app

php - ajax 过滤和无限滚动(php 和同位素)

我正在使用同位素插件(http://isotope.metafizzy.co/)和无限ajax滚动插件(https://github.com/webcreate/infinite-ajax-scroll)。无限滚动非常适契约(Contract)位素过滤,但是,我想在应用过滤器后将更多项目加载到容器中,以便始终显示50个项目。我有以下代码,但卡在用ajax加载新项目的时候。因此,每次选择过滤器时,我都会计算当前显示的项目数量(共50个)。然后我需要一种方法来使用ajax并调用同一页面(index.php)来获取更多项目。我想我需要做一些类似于无限ajax滚动插件的事情才能获得下一页结果。