草庐IT

auto-scroll

全部标签

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 - HTML 表格中的 "Endless scrolling"效果

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。我在网页中显示一个滚动的数据表。这个表有几千个动态行,所以它是从服务器加载的(通过AJAX)。用户可以上下滚动,所以我需要的是按顺序检测用户何时到达滚动条的末端(即表格底部的最后一行)请求并显示更多数据。你可以在谷歌阅读器中找到这种效果,当你向下滚动到给定提要中的最后一篇文章时,谷歌会以透明的方式请求并显示新文章,但我不知道他们是如何实现的。顺便说一句,

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

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

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

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

javascript - 如何检测元素是否具有 'auto' 高度

无论CSS中设置的值如何,window.getComputedStyle(element).height和element.clientHeight都以像素为单位返回元素的当前高度。有什么方法可以查明高度是设置为auto还是像素以外的其他单位?@pvnarula通过他链接的页面建议的一个解决方案是暂时changethecontentsoftheelement,thencompareheights.有点hacky... 最佳答案 请尝试:document.getElementById("ele_id").style.height同时检查

javascript - 警告 : Added non-passive event listener to a scroll-blocking 'touchstart' event

这个问题在这里已经有了答案:Whatarepassiveeventlisteners?(1个回答)关闭4年前。我在chrome中打开应用程序时收到一个奇怪的警告。我不知道如何摆脱这个警告[Violation]Addednon-passiveeventlistenertoascroll-blocking'mousewheel'event.Considermarkingeventhandleras'passive'tomakethepagemoreresponsive.任何人都可以帮我穿上这个。提前致谢

javascript - 为什么 getComputedStyle 在元素创建后立即为像素值返回 'auto'?

我使用Mustache生成一些HTML并使用insertAdjacentHTML将其放置在页面上。它显然已正确转换为DOM结构,因为之后我可以使用document.querySelector('.contentarea')调用获取它的句柄。但是,如果我尝试获取宽度或高度的像素值,它会一直返回'auto'。认为这可能只是getComputedStyle的问题,我尝试改用.getBoundingClientRect和.offsetWidth。两者都返回了0。如果我通过将调用放在setTimeout(function(){},1)中稍微延迟调用,它会起作用,但这对我的生产代码不切实际,因为它

javascript - Bootstrap : Accordion not auto collapsing previously opened panel

我需要创建一个自举Accordion。下面的标记工作正常,但它不会自动折叠先前打开的元素。例如,打开panel1,然后单击panel2..panel1应该会自动关闭,但它没有。我已经尝试完全从Bootstrap站点(http://twitter.github.com/bootstrap/javascript.html#collapse)复制标记,但它不起作用。我错过了什么?ACCORDIONDEMOPanel1Thisisaccordionpanel1contentPanel2Thisisaccordionpanel2content 最佳答案

javascript - Webkit 错误 : Overflow auto triggered after resizing a child element to matching size

我有以下简单设置:document.getElementById('inner').addEventListener('click',({target})=>{target.classList.add('match');});#container{background:green;overflow:auto;width:200px;height:100px;}#inner{width:210px;height:110px;}#inner.match{width:200px;height:100px;}单击内部元素后,我希望父元素上的滚动条消失,因为这两个元素现在具有匹配的大小。这在Fi

javascript - 有没有CSS :visible (scroll) selector?

我只想使用CSS更改可见元素的样式。有选择器吗?它只需要与Chrome和Firefox一起使用。(我正在构建一个扩展/插件)如果没有,有没有办法用轻量级的javascript改变可见元素的样式?在当前滚动位置可见。元素可以超出滚动视野,或部分可见。 最佳答案 没有用于评估可见性的标准纯CSS规则。正如其他人所说,jQuery(如果您想使用jQuery)既有CSSselectorextension:visible以及在任何给定的jQuery对象上执行.is(':visible')的能力,以使用.css在任何给定的DOM元素上获取计算样