草庐IT

Infinite-Scroll

全部标签

javascript - 用 javascript 覆盖浏览器 CTRL+(WHEEL)SCROLL

在大多数Linux浏览器中,CTRL+(WHEEL)SCROLL允许用户通过放大或缩小所有元素的大小来放大和缩小页面。现在我想覆盖此行为并通过应用仿射变换让CTRL+WHEEL放大我拥有的SVG元素。这可能吗?具体来说,是否可以捕获此键盘/鼠标事件并抑制浏览器的默认行为? 最佳答案 像这样一道题,难点很多。基本上,有两个步骤:监听keydown和keyup事件,并跟踪Ctrl何时按下听鼠标滚轮,(如果Ctrl按下)做你想做的事但这里是您必须解决的问题:您打算如何应用事件监听器/处理程序?AccordingtoQuirksMode,M

javascript - 在 knockout 中实现无限滚动的正确方法是什么?

我的模型中有一系列文章,它们可以很好地呈现为HTML。我想要的是在用户滚动到页面末尾时添加一些新文章。我做到了这一点,但在我看来有一些非常骇人听闻的行为:我所做的只是添加了jquery事件处理程序$(window).scroll,如下所示:functionArticlesViewModel(){varself=this;this.listOfReports=ko.observableArray([]);this.loadReports=function(){$.get('/router.php',{type:'getReports'},function(data){self.listO

javascript - 查询/JS : Detect user's scroll attempt without any window overflow to scroll to

我正在制作一个转换网站,虽然我想使用用户的滚动尝试作为转换启动器,但我不希望有一个窗口滚动条。现在,我只是检测到用户使用jquery滚动(我已经使我的窗口大小比用户的滚动条屏幕高1px,尽管这是我试图避免的)使用jquery.scroll(function)方法,并使用它来转换我的页面,但是我想检测用户的滚动尝试,而不必让我的页面溢出一个像素,从而显示滚动条如何做到这一点?我所知道的乱码可能性:将窗口定位在外部包装器内,并将滚动条隐藏在包装器的溢出中。这是一个修补工作,而不是解决方案。它会导致页面内容偏离中心,因为并非所有浏览器都使用相同的滚动条宽度。 最佳

javascript - 为什么调用 Window.scroll() 会产生可信事件?

我有一个Chrome扩展程序需要产生类似人类的鼠标和键盘行为(具体来说,生成具有isTrusted值true的事件)。除了使用chrome.debuggerAPI滚动之外,我可以做我需要的一切。但对于Chrome52和Firefox48.0a1而言,Window.scroll()方法似乎足以满足此目的。这可以通过将事件监听器附加到页面来观察,如下所示:document.addEventListener("scroll",function(event){console.log("eventtrusted?"+event.isTrusted);});然后在开发人员控制台中运行类似windo

javascript - 为什么scroll事件不冒泡?

今天我有一个理论问题。为什么scroll事件不冒泡?它与性能问题有关吗?我做了一些挖掘,但遗憾的是没有找到任何能满足我好奇心的答案。感谢您的回复:) 最佳答案 它会冒泡但不会在元素上冒泡。它在文档对象上冒泡,直到document.defaultView(文档的窗口)。这种行为是为了避免性能问题(滚动事件可以高速触发)。如果您想了解有关滚动的更多信息,我建议您阅读W3文档:https://www.w3.org/TR/cssom-view/#scrolling希望对你有帮助。 关于javas

javascript - 如何在纯 Javascript 中进行无限滚动

我想避免使用jQuery或其他库以保持我的代码最少,我需要的功能很少,我只想在用户滚动到底部时追加到列表中。我如何使用纯Javascript执行此操作? 最佳答案 基本上你只需要Hook事件滚动,检查用户是否向下滚动足够并添加一些sop的内容>scrolltounderstand//wewilladdthiscontent,replaceforanythingyouwanttoaddvarmore='';varwrapper=document.getElementById("wrapper");varcontent=document

javascript - 调试 Angular 的摘要周期 : How to find the cause of an infinite loop?

我目前正在编写一些带有延迟加载内容+Controller的代码。我的代码基本上像thisfiddle一样工作.但是,出于某种原因,我的版本不起作用,而是我得到aninfinitedigestcycle每当angular尝试更新它的View时。当我从这个简单的重复语句中删除ng-include时,问题就消失了:最奇怪的部分:即使从未将pageNames分配给范围,也会发生完全相同的错误。两个范围(外部和内部Controller的范围-我都有一个)可以完全为空(我检查了Batarang-我只有两个空范围),但我仍然得到错误。我的代码有点复杂,其他依赖太多,所以贴在这里没有意义。它最纯粹的版

javascript - 如何使用 window.scroll 在页面加载时自动滚动?

functionScrolldown(){window.scroll(0,300);}如何使用此功能(或类似功能)在页面加载时自动向下滚动?(无需点击链接)问候,泰勒 最佳答案 试一试:functionScrolldown(){window.scroll(0,300);}window.onload=Scrolldown; 关于javascript-如何使用window.scroll在页面加载时自动滚动?,我们在StackOverflow上找到一个类似的问题:

javascript - 如何在用户离开页面时保存无限堆栈的 AJAX 内容?

我正在制作一个无限滚动的网站。也就是说,当用户滚动到页面底部时,一个新的内容block将附加到底部。它与Facebook非常相似。这是加载3个页面的示例:_________|||0||_________||||1||_________||||2||_________|当用户点击最后一页上的内容时,我会将他们带到一个单独的详细信息页面。但是如果用户点击回到搜索结果页面,我不记得他们之前的位置,必须重新加载页面0。_________|||0||_________|我知道有一些老派的方法可以解决这个问题,但它们都有一些严重的问题:哈希网址我可以在每次加载新页面时更新URL。例如:www.we

javascript - 允许 infinitescroll.js 运行 X 次,然后加载更多帖子

我正在使用infinitescroll.js脚本,它工作得很好。我发现了如何用loadmore替换默认功能按钮,使用此代码:$(window).unbind('.infscr');$('.js-next-reports').click(function(){$grid.infinitescroll('retrieve');returnfalse;});$(document).ajaxError(function(e,xhr,opt){if(xhr.status==404)$('.js-next-reports').remove();});但是,我想要做的是允许无限滚动运行3/4次,然后