问题标签 [onscroll]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 困难的CSS定位问题
我有一个 CSS 布局,如附图所示。
我想实现以下行为
- 当部分标题可见时,位置(滚动时)如图所示。
- 当 header 不可见时(我们向下滚动超过 header 长度),left、right 和 img 的位置应该是固定的,唯一可滚动的部分应该是页面内容。
到目前为止小提琴链接
Liam 建议了这个链接,但 javascript 有错误Uncaught TypeError: Property '$' of object [object DOMWindow] is not a function .
也许它与 mootools 有关(我没有使用它)。如果没有 mootools,这个功能是否可行?
你能帮我看看这个定位风格吗?
谢谢你
android - Android:如何在 ListView 中以编程方式调用 onScroll 事件
我正在尝试 onScroll
在 ListView 中以编程方式调用事件。
有谁能够帮助我?
这是我的代码:
android - 实现 onScrollListener 来检测 ListView 中滚动的结束
我有一个ListView
显示一些项目。我想对当前显示在可见部分的项目执行一些操作ListView
,具体取决于ListView
滚动的方式;因此我想OnScrollListener
实现ListView
. 根据 Android api 参考,onScroll 方法“将在滚动完成后调用”。在我看来,这正是我所需要的,因为一旦滚动完成,我就会在ListView
(onScroll 方法返回显示的第一个项目的索引和显示的项目数)上执行我的操作。
但是一旦实现,我从 中看到LogCat
onScroll 方法不仅会在滚动完成后被触发,而且会为每个进入显示视图的新项目触发,从滚动的开始到结束。这不是我期望也不是我需要的行为。相反,侦听器的另一个方法 (onScrollStateChanged) 不提供有关当前显示在ListView
.
那么,有谁知道如何使用这两种方法来检测滚动的结束并获取有关显示项目的信息?api 参考和方法的实际行为之间的不一致让我有点困惑。提前致谢。
PS:我看到过一些类似的话题,但没有什么能帮助我理解整个事情是如何运作的......!
javascript - Javascript:如果光标经过可滚动的 div,则不要停止滚动窗口
我正在构建一个 Web 应用程序,它有一个由许多小的可滚动 div(实际上是Ace编辑器)组成的网格,并且这个网格有足够的元素,它比窗口大。当用户开始滚动空白区域时,我希望他们滚动窗口本身;当用户开始在网格元素内滚动时,我希望他们在那里滚动 div 内容。问题是,如果用户开始在空白空间上滚动,然后滚动以使他们的鼠标移到网格元素上,则可滚动 div 会捕获所有滚动事件,从而中断用户在网格上的流动并将它们“困”在网格内元素。
我无法手动捕获onmousewheel
事件,因为 AFAIK 无法单独捕获水平鼠标滚轮移动与垂直移动,我希望 Mac OS X 上的用户能够向各个方向滚动。我考虑过使用 JS 在第一个onscroll
事件上添加一个 z-index 非常高的不可见 div,并在onscroll
一段时间内没有触发事件时立即将其删除。尚未对此进行编码,但我想知道是否有更好的解决方案,或者是否有任何我没有想到的潜在陷阱。任何帮助或建议都会很棒!谢谢!
javascript - 检测浏览器中的滚动事件是否工作/支持
有没有办法确定浏览器是否支持 javascript onscroll 事件?因为我正在开发适用于 android 和 iphone 的 WebApp,并且 onscroll 事件适用于 android 但不适用于 iphone。
那么javascript中有什么方法可以检测它是否在该浏览器中受支持?
javascript - JavaScript 在我的网站的 IE 6/7 中不起作用
我的网站上运行了一些代码,它将检测div
带有 id的 aphoto
是否显示在屏幕上或滚动到屏幕上。如果div
正在显示,则将 aclass
添加到 中,div
这将导致背景图像加载到div
. 目的是延迟加载图像,以便网站加载更快。
它在除 IE 6/7 之外的所有浏览器中都运行良好。有人能告诉我下面的代码有什么问题阻止它在这些 IE 浏览器中工作吗?
该代码在我的网站上有效:http ://www.ericperrets.info/
javascript - 创建适用于 iOS Safari 的“粘性”固定位置项
在 iOS Safari 上,单指平移不会生成任何事件,直到用户停止平移。仅当页面停止移动和重绘时才会生成 onscroll 事件。
我需要一种检测实时滚动的方法。具体来说,我想制作一个也适用于 iOS safari 的粘性菜单。在非移动浏览器上,可以通过在监听 onscroll 事件时在元素上的“相对位置”和“固定位置”之间切换来完成粘性菜单。此方法不适用于移动浏览器,因为不会连续触发 onscroll 事件。我能做些什么?
android - 如何确定 Android 图库中的运动方向?
我一直在创建一个Gallery
使用有限数量的View
s 的衍生产品,因此Adapter
需要能够View
在滚动或投掷期间提前填充这些 s。为此,我需要从onFling(...)
和onScroll(...)
事件中获取运动方向。
如何使用distanceX
参数 inonScroll(...)
和velocityX
参数 inonFling(...)
来确定Gallery
行进的方式,以及View
接下来要准备的方式?
jquery - 如何使元素在页面滚动时淡入?
我的页面中有以下元素:
这个元素的 CSS 是:
我想知道当页面滚动到某个点时如何将类从 jQuery 更改为,然后.disappear
在页面返回到原始位置时返回。.appear
.disappear
c++ - 如果站点具有元标记 content="IE=9",则 BHO IE 9 捕获 OnScroll 事件
我最近注意到,如果我在 IE9 中显示页面并且页面包含标签,则无法捕获 BHO 中“顶部”窗口的 OnSroll 事件:<meta http-equiv="X-UA-Compatible" content="IE=9">.
我通过在顶部文档的 IHTMLWindow2 中下沉 DIID_HTMLWindowEvents2 的 DISPID_HTMLWINDOWEVENTS2_ONSCROLL 来捕获滚动,并且它在所有情况下都可以正常工作,除非页面包含该元标记。
我的接收器类定义为:
我正在像这样下沉。
其中 _spDocument 是 aCComPtr<IHTMLDocument2>
和 _spWindow aCComPtr<IHTMLWindow2>
有什么想法吗?此外,IE9 SDK 标头和 msdn 的文档似乎也存在不匹配。例如,文档中 IE 9 的新文档事件定义了许多 SDK 中不可用的事件。这是 mshtml.idl 中的定义
因为,现在根据 msdn 在文档上有一个 OnScrollEvent,如果浏览器版本为 9 并且页面包含 IE=9,那么我可能需要接收该事件......但 SDK 不包含该信息...
任何帮助表示赞赏。谢谢。